uselayouts: Copy-Paste UI Component & Micro-Interaction Library for React/Next.js

uselayouts: a React component library that ships animated UI sections and micro-interactions as copy-paste source files.

Built on Motion with Tailwind CSS styling, it targets React and Next.js projects running a shadcn UI setup.

What's included:

• 25+ components: 3D Book, Bento Card, Morphing Input, Feature Carousel, and more
• Motion-powered transitions and direction-aware interactions
• Full Tailwind class customization on every component
• shadcn CLI support for adding components directly to your project

Install the dependencies, add the cn() utility, and start pulling components from the gallery.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo