Magic UI - UI library for Design Engineers
Beautiful UI components and templates to make your landing page look stunning. 150+ free and open-source animated components and effects built with React, Typescript, Tailwind CSS, and Motion. Perfect companion for shadcn/ui.
Replies
Meow there!
I stumbled upon @Magic UI during the Mega Launch Week last december, thanks to @d4r5c2 who built KeyHippo's landing page ↗︎ with it. The result was visually stunning, and I found that there are many more examples ↗︎ including @Infisical and @Langfuse.
S/O to their makers @dillionverma and @itsarghyadas for the great work, psyched to launch it on Product Hunt!
@d4r5c2 @dillionverma @itsarghyadas @fmerian Congratulations on the launch 👏
Magic UI
hi friends!
around 2 years ago i was frustrated that there were no good resources online on how to make beautiful landing pages with code.
i decided to build Magic UI in public to solve that problem.
i worked on the project full-time with no income for 8+ months straight and open-sourced it in the end https://github.com/magicuidesign/magicui
it was a hit.
2nd most popular UI library of 2024 (by github stars) https://x.com/dillionverma/status/1879324180598165702
3rd most popular react library of 2024 (by github stars) https://x.com/dillionverma/status/1879324180598165702
Mega-viral launch tweet with 3.7k likes, 320k+ views on x https://x.com/dillionverma/status/1793401212114801097
3k+ github stars within 8 days https://x.com/dillionverma/status/1796285465164963974
$20k USD+ sales within 8 days https://x.com/dillionverma/status/1798563976118505786
$6k USD+ pre-order sales on the initial launch tweet https://x.com/dillionverma/status/1668408059125702661
It was a massive risk for me but paid off in the end thanks to incredible support from the community.
I'm extremely proud to finally launch it on product hunt!
---
I want to personally thank everyone who made this possible.
Thank you to all the early supporters who pre-ordered the product before it was even built.
Thank you to the Magic UI discord community for the late night talks and sharing new learnings.
Shoutout to @itsarghyadas for his continued support in development of the core features of Magic UI!
Shoutout to @amanintech for pushing us to launch on product hunt!
Shoutout to @fmerian for hunting us on product hunt!
Lastly, a massive shoutout to the awesome OSS community which helped shape the product to where it is today.
--
If you've read this far - use code PH20OFF for 20% off any Magic UI Pro product https://pro.magicui.design. Exclusively for the product hunt community :)
That's What You Said!
Magic UI
@itsarghyadas @amanintech @fmerian @dillionverma Congratulations!! The UI components will be really useful, especially for startups like us. We will be launching soon, check it out and let us know what you think!
THESE ARE CRAZY BEAUTIFUL!!
I love this project already. Can't wait to start implementing them in our codebase. Good luck with the launch guys!
Magic UI
@aeromaniax Submit to our showcase page when you're done. ☑️
Magic UI
WebCurate.co
Great product, guys! This is super helpful for anyone who doesn't have the time to design from scratch or might be limited in design skills. Everything looks great. Just a quick suggestion: consider setting the theme to follow the user's system preferences by default. I was initially unsure about this myself, but later realized it’s definitely the right approach. Well done!
Magic UI
@hosseinyazdi Thanks for the suggestion!
Magic UI
50+ Contract Templates by Clientjoy
All the best for the launch @dillionverma & @itsarghyadas!
Magic UI
@dillionverma @parekh_tanmay Thanks!
Magic UI
Congratulations, @dillionverma@itsarghyadas :)
The UI components are really clean, and looks really useful especially for Tech startups.
Magic UI
@dillionverma @pritraveler Thanks for using Magic UI
Magic UI
Buy Sell Startups
congrats on the launch Dillion 🥳
Magic UI
Open source community thriving! @fmerian , @dillionverma and @itsarghyadas amazing work bros.
Magic UI
@fmerian @dillionverma @arimitaz It is. Don’t forget to contribute to our Magic UI repo if you're a true OSS fan!
Magic UI
Appwrite
Great launch, great product. I have been rocking the Portfolio Template from the website for a long time and even gotten compliments on how good it is, people not realising it's just a template 😅
Just shows how much love was put into the product.
Magic UI
@chiragagg5k Nice 👍
Magic UI
From Spark to Startup
This is an amazing platform. Helped me make so many nice landing page with smooth animations. Great going Dillion
Magic UI
Animation plus functionality? I'm in! 😄
Magic UI
@shenjun It is. Let us know if you want more 😎
Magic UI
Aceternity UI Pro
My favourite 🫶
Magic UI
@manuarora ❤️
Magic UI
Thumbnail Test
Magic UI
Magic UI
@roxcodes Thanks
Looks great guys! is it non technical friendly?
Magic UI
@james_leddenloop It’s more for developers to make things easier for them, but not as much for non-tech people. However, with AI, I think you can understand most of it over time.
Absolutely thrilled to see Magic UI live on Product Hunt! 🚀
Working with @dillionverma on the SkyAgent template was an incredible experience. Kudos to the entire team for creating such a versatile and user-friendly tool. Excited to see how the community leverages Magic UI in their projects! 🎉
Magic UI
@dillionverma @yadwinder Thanks for the awesome design work!
Croct
Congrats on the launch! I'm a huge fan, there's no better lib! We like Magic UI so much that we've chosen it, among all libs, to start our CMS-powered component library: https://croct.com/templates/library/magic-ui
It is basically a library of Magic UI's components with CMS, A/B testing, personalization, and analytics :)
@dillionverma, @itsarghyadas, and @fmerian , I would really appreciate your thoughts on this!
Whether you find it helpful or if there is anything you want to see added.
Magic UI
@dillionverma @fmerian @amorimj The website is really beautiful. Nice job!
Croct
@itsarghyadas Thanks! Kudos to @luizawramos ✨
Croct
@itsarghyadas @amorimj Thanks Arghya! I really appreciate it 🤩
Hi! I saw the amazing journey and growth of Magic UI, from open sourcing to becoming one of the most popular UI libraries of 2024. As someone who’s interested in building beautiful landing pages, I’m curious—what are the biggest challenges you faced while developing Magic UI, and how did community feedback shape the product along the way? Also, do you have any tips for indie makers who want to build and launch their own design tools?
Magic UI
Magic UI
First saw this project in 2023 and thought - Wait, you can actually build stuff like this on the web?
Got involved with Magic UI in 2024 - since then, we have 👇
Shipped tons of components, blocks & templates
Gone open source
Had a few viral moments
Built an amazing community
It’s been such a fun ride to contribute and grow with the project. Thanks for creating Magic UI @dillionverma
Show some love and support. Press that upvote button and use code PH20OFF for 20% off any Magic UI Pro product https://pro.magicui.design. Exclusively for the product hunt community :)
Magic UI
Magic UI
@dillionverma Thank you sir for the opportunity!
Someone who’s not just building UI, but rewriting the playbook for devs.
From coding beautiful landing pages out of frustration to dropping a game-changing open source project - Magic UI is now a top UI library of 2024/2025 with 16K+ GitHub stars, topping charts on Product Hunt. 🚀✨
No income for 8+ months.
Built in public.
Went viral.
Inspired 1000s.
Now making 20K+ in sales.
Huge respect to @dillionverma & the entire Magic UI team, contributors for setting the bar way higher and showing us what’s possible when you mix vision with consistency.
micro Dalle-2
most beautiful ui component library i've ever seen!
Magic UI
@haseab Thanks!