React · Tailwind v4 · TypeScript
Beautiful React components,
yours to shape.
Forme components are copied into your project, not installed into it. Read the source, change what you disagree with, and ship when it is right. Nothing waits on a release.
12 free components · 3 Pro blocks · no runtime dependency
Live from the source tree
These run the exact files you would install.
How it works
You end up owning the code
Most component libraries give you a package and a set of options. Forme gives you a file.
Copy the source
One command writes real files into your project, from a shadcn registry. No package to publish, no version to track.
npx shadcn@latest add @forme/buttonChange everything
The file is yours the moment it lands. Rename it, fork the pattern, drop the variant you never liked. Nobody has to review a pull request.
// edit button.tsx directlyNo runtime dependency
There is no Forme import left in your bundle. Delete a component and nothing breaks at runtime, because there is no module graph to break.
// 0 Forme packages in your appThe catalog
Find the thing you need
Every item is one file you can read before you install it.
The primitives every interface is built from.
Pricing
Free is the whole component library
Pro is the part that is not a component: whole screens, and the templates built from them.
Free
$0
- Every component, MIT licensed
- The complete source, readable and editable
- Installs with the shadcn CLI
- Live previews on this site
- Blocks: dashboards, billing, marketing, AI
- Templates built from those blocks
- Every future update, included
Pro
Everything, paid once$49–$99 one-time
- Every component, MIT licensed
- The complete source, readable and editable
- Installs with the shadcn CLI
- Live previews on this site
- Blocks: dashboards, billing, marketing, AI
- Templates built from those blocks
- Every future update, included
The whole workflow
One command, then read it
Nothing is hidden behind a build step. What you install is what you see.
npx shadcn@latest add @forme/buttonThe installer adds the file, rewrites its relative imports, and gets out of the way. The tokens live in one stylesheet you already own.
Read the installation guideimport { Button } from "@/components/forme/button/button";Start with the free catalog.
It is the whole component library, and it costs nothing to find out whether you like the way it is written.