Magic UI

UI Library for Design Engineers

[Eric Viviers @ericviviers]

4. Magic UI (Free + Paid):

@magicuidesign is a web component database for devs and designers

Well-designed websites can:

- Create brand reputation
- Boost conversions by 200%
- Retain attention 3x longer

Design your website with Magic UI Today...

https://t.co/Zs7TncLE6Y

[Yadwinder Singh @ydwndr]

feature cards menu w/ @magicuidesign

[Rob Austin @ausrobdev]

Hero Block we made that uses @magicuidesign Orbiting Circles, via the @shadcn registry

[Rohan @easthastings_]

Roadmap component built with motion, react.

Inspiration-
@magicuidesign

[Cell @cellmetax]

@magicuidesign is just that - magical and mind blowing for any design engineer!

It's built with ShadCN...

No better time than now to start building!

[jQueryScript @jqueryscript]

Found a clean and minimal changelog template built with Next.js 15. @magicuidesign

It's great for quickly setting up a page to showcase product releases and updates.

🔗 https://t.co/FMs8hr3kYK

[OrcDev @orcdev]

This video turned out to be super useful, so here's the full list of my Top 10 open source @shadcn tools for 2025:

1. Tailark by @MeschacIrung
2. Aceternity by @mannupaaji
3. AI Elements by @vercel
4. React Bits by @davidhaz
5. @magicuidesign
6. @origin_ui
7. Dev Portfolio by @iamncdai
8. Shadcn Form by @strad3r
9. Components . work by @bridgertower
10. Motion Primitives by @Ibelick

Each of these tools can make your apps better in some way.

Which one would you add?

[Divyansh Sharma @Divyansharma001]

Finally after 2 years I'm working on portfolio website again 🚶🏻

Using @magicuidesign template btw

[Masaki Haruta @hrtnde]

自分のポートフォリオサイトで @magicuidesign を使ってて、バグ見つけたので修正PRを出したらマージされてた。便利に使わせてもらってるものに少しでも貢献できるのは嬉しい

https://t.co/MyyQVJ0HYg

[Raduan Al-Shedivat @0xRaduan]

Header by @magicuidesign / @dillionverma. Ultra smooth.

[Eric Viviers @ericviviers]

@NikHuno @magicuidesign has some great components and templates for design

here’s a link if you want to check them out…

https://t.co/Zs7TncL6hq

[raghav @raghavbuilds_]

My stack, in case anyone is wondering

Application: @nextjs
Auth: @better_auth
DB: Postgres
ORM: @DrizzleORM
Payments: @polar_sh
Deployment: @vercel / @CloudflareDev
UI: @v0 + shadcn + @magicuidesign
IDE: VSCode + Copilot

Alot of other stuff as well, but this is a high level overview

[Barath @iambharathpadhu]

🎉 Excited to share my recent open-source contribution to @magicuidesign — a Comic Text component that brings fun, animated comic-style typography to your React apps!

Check it out 👉 https://t.co/J6GS89rkdQ

Always love building playful UI experiences — more to come! 💥

[Dillion @dillionverma]

✨ Introducing Changelog Template

A minimal template to showcase product updates and features

Built using @nextjs, @tailwindcss, @shadcn and Fumadocs

100% free and open source

[Roboto Studio @studioroboto]

3D grid illusion feature on Tray homepage. Fork of @magicuidesign's retro grid, looking beautiful

[Roni @ronitwtss]

Whenever I look at the developer's portfolio I find people using @magicuidesign portfolio's template like me 😭

[Yadwinder Singh @ydwndr]

pricing w/ @magicuidesign

[sam @ calendar.cash @shipwithsam]

shoutout @dillionverma @magicuidesign

ts is CLEAN 🔥

[Preetam Nath @hipreetam93]

Update: just came across @magicuidesign which looks good. Going to give it a try!

[Morifeoluwa @iamthe_nerdyDev]

My submission for CustomHack!

An AI powered blockchain assistant, you get to get query recent or past onchain information, or even execute it

if you think this is cool, give it a like!

built with @tambo_ai @resend @lingodotdev @magicuidesign @supabase