Introduction
Use HeroUI Pro v3 through a proxy, with an experience identical to the official one.
What is this?
heroui v3 pro 😎 (or heroui pro v3, either works).
Of course, it's not about credentials, and we don't share the official key (the official service has risk control).
But there is a way to use it, and the experience and results are basically identical to the official one.
What's the difference from the official?
The differences are:
- No credentials
- Uses hpsetup cli (an official replica) to install pro dependencies instead of heroui-pro cli (official)
- MCP and skills go through a proxy instead of connecting directly
Is it the latest from the official site?
Of course 😎.
- hpsetup fetches the latest official package version from npm as soon as it runs, then updates and applies it to your project
- Requests made by hpmcp reach the upstream directly after a period of time, bypassing the cache
Is it complete?
Of course 😎, the server has authorization and can fetch from the official source at any time.
Do MCP and Skills both work?
Of course 😎, take a look:
Is it permanently available?
Of course 😎, all resources requested by the tools have full backups (continuously updated). If the upstream becomes unavailable, it will automatically fall back, so the service won't be interrupted.
Is it permanently updated?
No, the official plans don't include a permanent option — it needs to be renewed yearly.
So updates only last until the plan ends — May 1, 2027.
What if I encounter a bug?
Just ping me anytime, I'm always here 😎.
I'm around most of the time. If I'm not, I might be asleep and the notification ringtone didn't wake me up 😂.
What's next?
Configure Credentials
hpsetup requires an hp key, and MCP and skills require a personal token. They are different and cannot be entered manually — you can only access them from the "AI Tools Docs" entry on the heroui v3 site card in the console (the link looks like https://docs.collectui.pro/?hp_key=…&personal_token=…). The credentials are automatically injected into your local machine, and all pages will then embed the real key/token for easy copying.
Credentials can only be configured automatically via the "AI Tools Docs" link in the heroui v3 site card on the dashboard — manual entry is not supported.
Start Using
For web projects, start with the Quick Start in the Web section; for React Native projects, start with HeroUI Native in the Native section.
How is this guide?
Last updated on