Turn the internet into your component library with our HTML to React browser extension.
Convert snippets of any website into a React component. Use the Magic Patterns editor to customize and iterate. Export to code or Figma.
Been a customer of Magic patterns for ages, if you are tired of wasting time on frontend and ideation, I would recommend giving the tool out for a spin, saved me weeks of work
Love this! Time to steal all the great websites. Love how this is a chrome extension not something that's heavy. A great starting point.
congrats on the launch @teddyni and team!
Report
I think I missed something, I see it working on the Google home page but when I try the "select HTML" on the producthunt page or Linkedin I don't see the widget purple box around elements.
This is fantastic, Teddy! 🙌 The Magic Patterns editor sounds like a game changer—no more manual copying and pasting! Just select, click, and voilà, instant React component. Can't wait to see how this enhances my workflow. Are there any plans for additional customization features in future updates? Definitely upvoting this! Keep up the great work, guys!
Congrats on the launch @teddyni ! This is a cool idea, and must have been difficult to build. Will check it out when I have time, and might start building website again.
Report
Congratulations, Teddy and Alex! 🎉
It’s amazing to see how your new tool, HTML to React, is simplifying the design-to-code workflow. The ability to seamlessly convert HTML to React components and export to Figma is a game-changer for designers and developers alike. Your dedication to streamlining the process and integrating AI is truly impressive.
What are some of the most surprising use cases or feedback you’ve received from users since launching HTML to React?
Replies
Curated Threads by Veer
Magic Patterns
LifeAt
Magic Patterns
Magic Patterns
Magic Patterns
Ruby
Magic Patterns
favicon.run
Sunrise: Guided Journaling & Mindfulness