Open sourceSmall details.Better interfaces.

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.

MIT licensedYours to customizeFree forever
Next.jsReactTailwind CSSTypeScriptshadcn/ui
THE COLLECTION

A good place to start.

All 14 components
Built for your workflow

Real components.
Real source. All yours.

Give your editor something worth starting from. Read the implementation, install exactly what you need, and shape every detail around your product.

your-next-project
// A little less setup. A little more craft.

import { TextMorph }
from "@/components/text-morph";

<TextMorph>
  {saved ? "Saved" : "Save"}
</TextMorph>

Editable source. No Cavemio runtime.
HOW IT WORKS

From a preview to your product.

Try the interaction. Bring it into your project. Make it your own.

01
01

Find your starting point

Explore live previews and every meaningful state. See how a component feels before it becomes part of your product.

02
02

Install the source

One shadcn command adds the component, its helpers and the styles it needs. Everything lands in your own codebase.

03
03

Make it yours, then ship

Change the copy, colors, behavior and composition. Keep the parts that fit. Build the rest exactly as you imagined.

OPEN BY DEFAULT

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.

FAQ

A few things
you might wonder.

The source, the stack, and getting started.

Read the documentation
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.

Open sourceMIT licensedNo account needed