New
Free
Preview build · sample components
Ship cool products faster.
Animated React components, expressive visuals and complete product flows. Accessible by default, customizable to the last pixel, and delivered as source you own.
- Free & open source
- React 18 & 19
- Next.js & Vite
- Tailwind CSS 4
Fresh off the workbench
Every card is live. Click, hover, type. Open one to see its states, controls and source.
- Invite teammate⌘I
- New document⌘N
- Upgrade workspace
- Open settings⌘,
Free
1,284
Components installed this week
New
Free
Drop files to upload
Free
Invite acceptedPriya joined Acme Design.
PR mergedfeat: stateful button states
New comment“Love the spring on this.”
New
Free
Starter
$12/mo
Studio
$29/mo
Free
Customization
Same components. Your design.
Defaults are a starting point, not a ceiling. Restyle every part, swap in your own content, connect your own state and tune or disable motion. When that still isn't enough, the source is yours to edit.
Try a look, or hover a point below to see where it lives.
Acme StudioTrial
Upgrade your workspace
Unlimited projects, custom domains and priority support.
Starter
$12/mo
Studio
$29/mo
Customize
Motion
These controls show a few ways to adapt it. The source is fully editable.
Installation
Three ways in
No account, no runtime package, no lock-in. Components land in your repo as readable TypeScript.
- 01
Use the CLI
One command through the shadcn registry. Dependencies and files are declared up front.
npx shadcn@latest add @uicoolkit/stateful-button
Registry opens with the first release
- 02
Own the source
Every file is plain React and Tailwind. Read it, fork it, rename it. It's your code now.
components/ui/stateful-button.tsx
Editable from day one
- 03
Ask your agent
Codex and Claude Code can discover, install and adapt components from our agent-ready docs.
“Add the UICoolKit stateful button to my settings form and wire it to saveSettings().”
Skill ships with the first release
Why it exists
“Most libraries stop at the happy path. UICoolKit is for the details that make people trust a product: the confirmation, the recovery, the little moment of delight.”
Nikhil Yadav
Designer & engineer, UICoolKit
FAQ
Questions, answered
Can't find what you're looking for? Ask in the open, and the answer lands here for the next person.
The core library is free and MIT licensed, with no account and no sign-up. Pro is on the way with original patterns and complete product flows, unlocked with a license key. Free components stay free.
Free & open source
Ready to ship something cool?
Start with the free components today. No account, no runtime package, no lock-in.