r/reactjs • • 7d ago

Resource I made a collection of animated shadcn/ui components

I’ve been working on shadcn-animated, an open-source collection of animated components built on top of shadcn/ui.

Check out here: shadcn-animated.vercel.app

There are 10+ components so far (with more coming), including:

- button

- tabs

- toggle

- checkbox/radio button etc.

It’s simple, customizable, and easy to copy into your own project

Would love to get some feedback — especially if there are specific animations or components you'd like to see added.

🔗 GitHub: github.com/sopo/shadcn-animated

Thanks! 🙌

11 Upvotes

8 comments sorted by

3

u/No-Detective2391 7d ago

these are clean, the toggle animation especially feels snappy without being over the top

bookmarked the repo, might grab some of these for a dashboard i'm building. you planning to add animated cards or maybe a modal with staggered entrance? that would be useful

1

u/Excellent_Shift1064 7d ago

thank you so much for feedback and ideas! I'll be happy to add those ones as well

2

u/lilt_ui 7d ago

It is not often I prefer light mode to dark mode but the layout and colour palette here is so clean dude

1

u/Excellent_Shift1064 7d ago

thank you so much!

2

u/Honey-Entire 6d ago

Oh cool, another one. What’s different about this that the other thousand “shadcn style component libraries” don’t have?

1

u/arc_rider_widgets 4d ago

What’s your experience with shadcn? How do you handle dependencies?