Questions
What am I buying?
Access to the clipboard. Everything in the catalogue is visible and previewable without an account; a plan decides how much of it you can take away in a month.
Why is there a free plan at all?
Because nobody should have to pay to find out whether a component works in their project. Five a month is enough to ship something real and find out.
Does a preview count against my five?
No. Browsing, searching and previewing are unlimited and always will be. Only a copy counts, and only when it reaches your clipboard.
What happens on the first of the month?
The count goes back to five. It is a calendar month, not thirty rolling days, so you can answer "when do I get more" by looking at a calendar.
Can I use these in client work?
Yes. Components written here are yours to ship in commercial work. Imported libraries carry their own licence, all of them MIT, Apache or ISC, and the full text of each is on the licence page. What no plan allows is republishing the catalogue itself as a competing catalogue.
Why two months instead of one?
A single month is not long enough to finish anything, and a plan cancelled before the work ships helps nobody. Two months is the shortest term that matches how the components are actually used.
What does the annual plan get me?
The same access at a third less, and everything added over the year without paying again.
Do the components work outside Next.js?
The React catalogue follows the shadcn/ui conventions: a
components/ui folder, Tailwind, and a cn()
helper. Anything that meets those runs it. The handcrafted components
are plain HTML, CSS and JavaScript with no framework at all.
Will a component look different in my project?
The handcrafted ones are built not to. Each opens with a block that stops the host page's fonts, spacing, borders and colours from reaching inside, and each is tested against a page that deliberately attacks those things.
I copied something and it did not paste.
The clipboard needs a secure page. Over plain HTTP the browser refuses, and the panel says so rather than pretending the copy worked.