Installs all 57 components. Without our CLI, run instead.
Componentry publishes a shadcn registry at componentry.fun, with 57 components installable through the shadcn CLI.
Copy a prompt for your agent, copy the install command, or open the docs that ship it.
Componentry
Beautiful, interactive UI components you can copy and paste into your apps.
Crafted with React, Tailwind CSS, and Framer Motion. Open source. Free forever.
Documentation · Components · Report Bug · Request Feature
Componentry is a collection of beautifully designed, interactive UI components built with React and Tailwind CSS. Just run the CLI command, add the component to your project, and start building.
The fastest way to add components is using the shadcn CLI:
npx shadcn@latest add @componentry/magnetic-dock
This project uses Turborepo for monorepo management.
# Clone the repository
git clone https://github.com/harshjdhv/componentry.git
cd componentry
# Install dependencies
pnpm install
# Start development server
pnpm dev
componentry/
├── apps/
│ └── web/ # Documentation site (Next.js)
├── packages/
│ ├── ui/ # Component library
│ ├── eslint-config/ # Shared ESLint configuration
│ └── typescript-config/ # Shared TypeScript configuration
└── turbo.json # Turborepo configuration
| Command | Description |
|---|---|
pnpm dev | Start development server |
pnpm build | Build all packages |
pnpm lint | Run linting |
pnpm format | Format code with Prettier |
pnpm registry:generate | Regenerate component and block payloads |
pnpm registry:check | Check registry freshness, dependencies and docs coverage |
pnpm test | Run distribution regression tests |
pnpm typecheck | Typecheck the web and UI workspaces |
pnpm test:registry:install | Install and typecheck representative payloads in a fresh app |
We welcome contributions! Whether it's:
See the component creation guide for source, registry and documentation steps, and the maintenance guide for validation commands.
git checkout -b feature/amazing-component)git commit -m 'Add amazing component')git push origin feature/amazing-component)When creating new components:
MIT License - feel free to use these components in personal and commercial projects.
Some components use third-party dependencies with separate license terms.
image-trail and layered-stack require gsap (GSAP).See LICENSE for more information.
Made with care by Harsh Jadhav
Every appearance and removal our crawl has seen in the registry index.
Componentry is a component library on 21st.dev by Harsh Jadhav with 18 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.
