DEV Community

Cover image for Joly UI: 30+ Animated UI Components with shadcn/ui & TailwindCSS
jQueryScript
jQueryScript

Posted on

Joly UI: 30+ Animated UI Components with shadcn/ui & TailwindCSS

Joly UI: a component registry built on top of shadcn/ui that adds 30+ accessible, animated components to your React projects.

Key features:

  • 30+ Copy-paste components with full source code control
  • Framer Motion animations running at 60fps
  • Complete ARIA implementation and keyboard navigation
  • TypeScript definitions throughout
  • Works with Next.js App Router and Pages Router

The registry follows the same pattern as shadcn/ui. You add components directly to your codebase instead of installing npm packages. This gives you complete control over styling and behavior.

All components work with React 18+, Tailwind CSS, and Framer Motion.

πŸ‘‰ Blog Post

πŸ‘‰ GitHub Repo

πŸ‘‰ Live Demo

Top comments (0)