Sopo

Front-end Engineer
Building shadcn animated

[Sopo @sopocodes]

shadcn-animated v1.0.0-alpha is now live!🎉

Currently shipping with 2 animated shadcn/ui components, with more on the way

npm i shadcn-animated
⭐ Give it a star on GitHub if you find it useful; it helps a lot!
https://t.co/wAYNT3N50R

[Sopo @sopocodes]

@helloakriti So nice 😋

[Sopo @sopocodes]

@ahmaliic Thanks Ahmed 🥹🎈

[Sopo @sopocodes]

@Matthias_Oel @framer Mockup

[Sopo @sopocodes]

@AnshikaK7 https://t.co/n9reiU8Zo7

[Sopo @sopocodes]

@stackway24 currently yes 🙌

[Sopo @sopocodes]

shadcn-animated v1.0.0-alpha is now live!🎉

Currently shipping with 2 animated shadcn/ui components, with more on the way

npm i shadcn-animated
⭐ Give it a star on GitHub if you find it useful; it helps a lot!
https://t.co/wAYNT3N50R

[Sopo @sopocodes]

@andymewborn Thanks Andrew🙌🙏

[Sopo @sopocodes]

added navigation button hover motion to shadcn-animated (now it has 10+ animated components 🥳) more coming soon!

try: npx shadcn-animated add navigation-button

⭐️ GitHub: https://t.co/Ey0ZYTpIXA

[Sopo @sopocodes]

Thanks Salice🙏hope you find it useful🙌

[Sopo @sopocodes]

@Tushar26T 🙏🙌

[Sopo @sopocodes]

@SamuelLimby Thanks Sam 🙏 me too and instead of animating in separate projects decided to add it here and reuse😄

[Sopo @sopocodes]

docs: https://t.co/zxlNOBj7LU

[Sopo @sopocodes]

@rehanxahmed love the colors 👏

[Sopo @sopocodes]

@buildwitharman @lonikdev @yunique720 Thanks, Arman 🙏 not at all, you can check the source code here https://t.co/0jaFsiABpF

[Sopo @sopocodes]

Added an icon toggle to shadcn animated 💫

Use it as a toggle (e.g. light/dark) or for auto-reset feedback (copy → success → copy, etc.).

Shoutout to @lonikdev for fixing the deployment bug 🙏
And to @yunique720 for suggesting the blur effect 🙏

🔗GitHub: https://t.co/nkMciB4zcU

[Sopo @sopocodes]

icon transitions💫

[Sopo @sopocodes]

@sergeantsref Lovely!🥰

[Sopo @sopocodes]

Check out https://t.co/wAYNT3N50R

[Sopo @sopocodes]

@JodylGonsalves Thanks Jodyl 🙏🌸

[Sopo @sopocodes]

@yunique720 Oh thanks Yun☺️, will try 🙌

[Sopo @sopocodes]

icon transitions💫

[Sopo @sopocodes]

@T_dev02 Docs and books

[Sopo @sopocodes]

@creativestefan Cool idea🙌