Magic UI - UI library for Design Engineers

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!

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 :)

congrats on the launch Dillion 🥳

All the best for the launch @dillionverma & @itsarghyadas!

Congratulations, @dillionverma@itsarghyadas :)

The UI components are really clean, and looks really useful especially for Tech startups.

Tried it and now I feel like I've leveled up in life, Simple tools like this make me wonder why it didn't exist before.

Open source community thriving! @fmerian , @dillionverma and @itsarghyadas amazing work bros.

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.

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!

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!

This is an amazing platform. Helped me make so many nice landing page with smooth animations. Great going Dillion

Animation plus functionality? I'm in! 😄

My favourite 🫶

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?

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 :)

Congrats on the Launch! It seems like a really interesting project with some nice components that are easily integrated! Will definitely look out!

Whoa, Magic UI looks absolutely awesome! With over 150 free and open-source animated components, it’s perfect for anyone wanting to create a stunning landing page. I love that it’s built with React, TypeScript, Tailwind CSS, and Motion—it’s like a dream combo for design engineers! This library is gonna make it so much easier to whip up beautiful designs. Can’t wait to see what people create with it! Keep up the fantastic work!

This is fantastic to see - I was looking for the WP Oxygen Builder for Next.js sites, and it looks like I've found it.

most beautiful ui component library i've ever seen!