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

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

via Dev.to WebdevjQueryScript

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

Continue reading on Dev.to Webdev

Opens in a new tab

Read Full Article
2 views

Related Articles