DivMagic - Copy Style from any website
Extension Actions
CRX ID
okpadhgilncoodafepkdmlneojcehclf
Description from extension meta
Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.
Image from store
Description from store
Copy design from any website
Transform elements from any webpage into reusable web components
Unleash the power of effortless web element conversion with DivMagic.
With just a click, you can capture any element from any website, seamlessly transforming it into clean, reusable CSS or Tailwind CSS code. Beyond that, DivMagic empowers you to convert elements into React/JSX components, and effortlessly switch between HTML and React/JSX.
Experience the convenience of:
- One-click design, style, and element copy and conversion
- 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
Save time, streamline your workflow, and unlock your creative potential with DivMagic.
Try DivMagic now and revolutionize your web development workflow!
(Note: DivMagic is a paid subscription-based product, but you can try it for free.)
Latest reviews
- Chris Carter
- Requires expensive paid subscription
- Lane Campbell
- Did not work for me after spending 30 minutes trying to clone a wordpress site. Maybe this just works for sites built with tailwinds? There is no normal contact form on the site. I've asked for a refund ... waiting.
- Rave
- It is not working as claim / advertised. Doesn't have support.
- Robert Allen
- Much better than using AI. All the stuff people are doing with Cursor, V0 etc are just wasting time. I spent hours prompting Cursor to create a design and then I found this extension. It literally took one click to copy the page and I pasted that into Cursor and it used that in my project and the page was done with a single prompt. The price is much cheaper than buying templates but a subscription is also not great. NOTE TO DEVELOPER: Maybe we can pay with credits or per usage or even one time purchase instead of subscription?
- Jan Szymański
- Dark pattern, requires paid subscription.
- Debra Serrano
- Wordpress integration is amazing!!!!! We were working with a designer to build a design based on a template and she worked on it for weeks and couldn't get it right. It literally took one click with divmagic to export the template to wordpress
- Melvin Bell
- great extension. Would be better with some AI features like editing the code after copying but not a big problem worked very good thanks
- Regina Richardson
- Very good I like it very much. Very easy to use. Support is also very helpful. I bought monthly package first and then asked to switch to lifetime and they gave the price difference back to me, much appreciated!
- Ryan Lawrence
- Very useful. Instead of paying for templates you can simple use this tool to replicate designs
- J D
- Required paid subscription to use. don't install it
- Adam Rice
- INCREDIBLE! All these people complaining don't understand the value of this tool. It is a developer tool that makes you develop UI much faster. If you don't know how to code then use an AI like Cursor or even Divmagic Studio Chat to make changes to the code. Easiest and best money I spent.
- Michel Fassone
- This extension is a scam. It is not working as claim / advertised. The developer is not even replying to the enquiries by email. DO NOT BUY IT!
- Raphaël Badia
- doesn't work, tried to copy style from https://transp-nextjs.vercel.app/ and it's completely broken
- James Womack
- Doesn't work, and in fact prevents anything else from working on the page if you activate it. Might be the worst software I've ever paid for.
- Anthony Esa
- Amazing! We got the team license for our team (12 developers) and use it daily. Biggest feature is small code which makes easy customization possible. Our flow is Divmagic + Cursor to customize. We build new websites daily in our agency. Being able to start off from an existing design and customizing it fast is very very useful.
- Pepa Folta
- I paid for it, but it worked at about 70%, making it unusable for me. I’m giving it 1 star.
- William Stokes
- Very easy to use! I agree with Kevin that people complaining about the tool being paid is wrong. This is a very useful tool and the price is much cheaper than buying templates and boilerplates.
- Julien Buteau
- It’s absolutely outrageous that this company advertises their product by showcasing examples of their code that blatantly scrape Tailwind UI components. Tailwind has brought immense value to the front-end community, providing developers with tools that are both powerful and accessible. For a company to exploit that hard work instead of creating something original reflects poorly on their ethics.
- Kevin Raposo
- Really quick, this plugin rocks! It's a shame that the first reviews you see for this extension are from people who are mad that this plugin isn't free. If they had any brain cells, they would see why this is a paid service. You get what you pay for, and Divmagic is a testament to that. I'm not a professional designer, but Divmagic has helped me in so many ways, so I can only imagine what someone with a bit more experience can pull off with this tool. It's a solid extension with solid tech, with active developments being pushed out regularly.
- Luis Catalán
- Rubbish, we must pay to try it.
- Cong-Thinh Huynh
- Trash Waste of time
- Alex Din
- the worst extension they says it is free after you sign up they ask for money I'm not against asking for money but don't lie to people
- Ertuğrul Emre Cihan
- DivMagic is the tool I was looking for! I can add the design elements I like from websites to my project with a single click. HTML, JSX, and even Tailwind CSS transcoding options make my work incredibly easy. Especially the browser DevTools integration is very practical, I can work without any interruptions. It's really a life saver, it deserves 5 stars!
- Azfar Masood
- Best tool ever saves allot of time needs to Improve some JSX responsive media other is very help full
- Thinkbig Online
- paid-only? state this in advance. Don't let us, who search for free/open solutions, to waste time installing this. here you go, 1 star.
- Vasttee Design
- This amazing tool has greatly decreased the time I spend on tasks and seamlessly fits into my work routine. It is a crucial tool for those in the field of website development. Tech Support helped me within hours of my request. Impressive.
- Vinay Bedre
- Doesnt work
- özkan demir
- Wonderful
- görkem çakır
- Amazing!!! I think that every developer should use this tool.
- AZAZIN LOVE
- Can't test for my use case because of paywall.
- Ozgur Ekinci
- Excellent tool! Really helpful for web developers
- carlo ruiz
- An absolute MUST have for any serious web developer or designer.
- Tomas Ye
- Amazing tool! Makes me 10x more productive when building my own projects. Well worth the price!
- Mitch
- Saves soooo much time
- eamon miller
- Incredible! This tool significantly reduces the amount of time I spend on tasks and integrates effortlessly into my workflow. It's an essential asset for anyone involved in website development.
- Marc Pfeiffer
- Amazing! Easily saving me tons of time and seamlessly integrates into my workflow. If you’re building websites this is a must have tool.
- Hayden Tomas
- Does the job, feels a tad slow on copying styles compared to getwindy for example. But for the price I paid i am not complaining its gets me 80% there and then i can do the rest .
- Talha Tonmoy
- Mind blowing tool. Very very helpful tool for developers
- ibrahim güzel
- disappointment :(
- Kevin McGrew
- Amazing tool, if you build websites you know this is a no brainer. Saved tons of hours messing with templates and modifying css.
- Brendan OC
- Fantastic tool. Paired with Tailwind components, you can easily save yourself hours within the first 30min of usage. Pays for itself almost instantly.
- Giuliani Prosecutor
- Amazing tool! I love the powerful use and ease it works with. If you're a developer don't think twice and make sure to get it.
- J Lastname
- Works insanely well - Even with React + TailwindCSS. Very impressed.
- Jackie Chong
- Great tool that's going to save you a lot of time in developing. Ignore the people complaining about the price...
- Reza Hartana
- Nice to have it on my browser
- Martin Young
- Great tool and huge time saver. If you're a developer and want a quick way to get UI design, this tool is great. Just find a website you like the look of and see how certain elements or effects have been created. You get the code (HTML, CSS, JSX, Tailwind if desired) which you can use in your own builds. Don't be put off by bad reviews - it's inexpensive for what is an incredibly useful tool. Why should it be given away for free?
- Danirogerc
- Great paid tool, worth the money!
- Victor Rhea
- People leaving bad reviews for this tool not being free have issues with themselves. Point a free snippet extractor that works (and I dont even mean "work well", just "works") in a majority of scenarios and go look if it's free. DivMagic is a treasure, simply the best tool to get that section of a webpage and bring it to you perfectly. Give it a try, the cost you will return to you in time saved in days.
- Bryan Brooks
- Great tool, picked up the LTD for $29 US on AppSumo. Kind of sad that such a good took has a 2.7 (at the time of this review) rating only because people are mad there isn't a free version. Don't let that deter you... it's value is way beyond it's cost.
- Easy Web 101
- This is a paid plugin but, it works great and saves a ton of time from manually coding elements. It has a bunch of options for when copying an element such as if you want inline CSS, external CSS, etc... JSX or HTML...This is going to help me create tons of reusable HTML blocks. Exactly what I've been needing for a long time.