DivMagic: Copy design from any website
Welcome to the official GitHub repository for DivMagic, an extension that copies any web element into reusable and easy to customize components with just a single click. It can convert any website to simple HTML/CSS code or React/Tailwind CSS code.
DivMagic is a powerful tool designed to streamline the web development process. With DivMagic, you can instantly copy any element from any website and convert it seamlessly into customizable small code elements. This eliminates the need for manual conversion, saving time, and enhancing productivity for web developers and designers alike.
Chrome
Firefox
Key Features
- One-Click Element Copy: Copy any element from any website with a single click.
- Ability to copy style as CSS or Tailwind CSS (including colors)
- Conversion of any element from HTML to React/JSX and vice versa
- Generation of minimalistic, reusable output
- Seamless copying of styles, even through iframes
Demo Videos
See the power of DivMagic with these demo videos:
- DivMagic in Action: Transform Web Elements into Tailwind CSS in Seconds
- DivMagic in Tailwind Playground: Transform Web Elements into Tailwind CSS in Seconds
- DivMagic on Firefox
- Hacker News Clone Tailwind CSS in One Click
- Copy website design with one click - DivMagic
Contact Us
For any questions, feedback, or bug reports, please reach out to us at support@divmagic.com or create an issue here.
Install DivMagic
Ready to improve your web development experience? Install DivMagic!
Chrome
Firefox