Thoughtful UI for buildersthat feels like yours.
Free React components with considered motion.
Explore the details, take the source, and make
something that feels like you.
A good place to start.
Answer Paper
FreeDrag the paper’s bottom handle to shorten an answer or restore its detail.
Inline Rewrite
FreeDrag a dial to rewrite a paragraph in place, with shared words gliding into position.
Message Edit
FreeEdit and resend a message in place, then step between its previous versions.
Response Versions
FreeStep between regenerated answers with "2 / 3", and regenerate without losing the old ones.
From a preview to your product.
Try the interaction. Bring it into your project. Make it your own.
Find your starting point
Explore live previews and every meaningful state. See how a component feels before it becomes part of your product.
Install the source
One shadcn command adds the component, its helpers and the styles it needs. Everything lands in your own codebase.
Make it yours, then ship
Change the copy, colors, behavior and composition. Keep the parts that fit. Build the rest exactly as you imagined.
Good design belongs to everyone.
One collection. Every component. No checkout.
Free to build with
Personal projects, commercial products and client work. The same access for everyone.
The source is yours
No black box. Read every line, adapt every detail, and keep your changes in your own repository.
Better together
Share a fix, suggest a component, or contribute an idea. Thoughtful interfaces are a collective effort.
Is everything really free?
Yes. Every component in the Cavemio collection is free and open source. There are no subscriptions, paid tiers, or account requirements.
Can I use Cavemio in client and commercial projects?
Yes. The MIT license permits personal and commercial use. Keep the applicable copyright and license notices with the source you use.
How do I get the source code?
Open a component page and run its shadcn installation command. The installer adds editable files to your project, together with the dependencies and styles it needs. You can also inspect every file directly on the page.
What stack do the components use?
React, TypeScript, and Tailwind CSS. Components that need additional packages list them on their documentation page. Your app owns the source and the styling.
Can I change the motion and styling?
Absolutely. Use the documented props, change the source, or compose the component into something new. The previews show starting points, not restrictions.
Are templates available?
Templates are in development. The component collection is available now, with interactive previews and installation instructions.
Your next interface,
already taking shape.
Start with something considered. Make it unmistakably yours.