A micro-interaction React UI library built on shadcn/ui and Framer Motion.
Layouts publishes a shadcn registry at uselayouts.com, with 0 components installable through the shadcn CLI.
Each one installs on its own. Names link to the docs that ship them.
Everything this registry ships is already here.
A micro-interaction UI library for professionals.
uselayouts provides free premium animated React components and micro-interactions built with Framer Motion and Tailwind CSS. Designed to integrate seamlessly with Shadcn UI, it helps you bring your interfaces to life with ease.
People don’t fall in love with components. They fall in love with how something feels. uselayouts focuses on the fine details of interaction:
You can add components to your project using the Shadcn CLI:
npx shadcn@latest add https://uselayouts.com/r/3d-book
Replace 3d-book with any component name from our documentation.
If you'd like to run the documentation site locally:
git clone https://github.com/iurvish/uselayouts.git
yarn install
yarn dev
To build the component registry:
yarn build:registry
Built by Urvish Mali. Licensed under the MIT License.
The packages and primitives its components pull in, counted across the registry.
Layouts is a component library on 21st.dev by 0xUrvish with 24 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.
