divmagic DivMagic

Changelog

All of the latest additions and improvements we've made to DivMagic

November 15, 2023

New Features and Improvements and Bug Fixes

This version includes a new feature: Export to DivMagic Studio

You can now export the copied element to DivMagic Studio. This will allow you to edit the element and make changes to it in DivMagic Studio.



Improvements

  • Improved responsiveness of the copied style
  • Improved style optimization code to reduce the size of the output

Bug Fixes

  • Fixed a bug where unnecessary CSS attributes were included in the output

November 4, 2023

New Features and Improvements and Bug Fixes

This version includes a new feature: Auto Hide Popup

When you enable Auto Hide Popup from the popup settings, the extension popup will automatically disappear when you move your mouse away from the popup.

This will make it faster to copy elements because you won't need to close the popup by clicking manually.
Auto Hide PopupNovember 4, 2023
This version also includes changes for the location of the settings. Component and Style Formats have been moved to the Copy Controller.
November 4, 2023November 4, 2023

We have also removed the Detect Background Color option. It is enabled by default now.

Improvements

  • Improved responsiveness of the copied style
  • Improved style optimization code to reduce the size of the output
  • Improved DevTools integration to handle multiple open tabs

Bug Fixes

  • Fixed a bug where options were not saved correctly

October 20, 2023

New Features and Improvements and Bug Fixes

This version includes a new feature: Media Query CSS

You can now copy the media query of the element you are copying. This will make the copied style responsive.
For detailed information, please see the documentation on Media Query CSS Media Query

This version also includes a new change. Copy Full Page button has been removed. You can still copy full pages by selecting the body element.
October 20, 2023October 20, 2023

Improvements

  • Made improvements to style copying to remove unnecessary styles
  • Improved style optimization code to reduce the size of the output
  • Improved DevTools integration to copy styles faster

Bug Fixes

  • Fixed bugs related to absolute and relative element copying

October 12, 2023

New Features and Improvements and Bug Fixes

This version includes two new features: Copy Mode and Parent/Child Element selection

Copy Mode will allow you to adjust the range of detail you get when copying an element.
Please see the documentation for more information about Copy Mode. Copy Mode

Parent/Child Element selection will let you switch between the parent and child elements of the element you are copying.
October 12, 2023

Improvements

  • Improved style optimization code to reduce the size of the output
  • Improved Tailwind CSS class coverage
  • Improved responsiveness of the copied style
  • Improved style optimization code to reduce the size of the output

Bug Fixes

  • Fixed a bug in element position calculation
  • Fixed a bug in element size calculation

September 20, 2023

New Feature and Bug Fixes

DivMagic DevTools is released! You can now use DivMagic directly from DevTools without launching the extension.

You can copy elements directly from the DevTools.

Select an element by inspecting it and go to DivMagic DevTools Panel, click Copy and the element will be copied.

For more information, please see the documentation about DivMagic DevTools.
DivMagic DevTools Documentation
Permissions Update
With the addition of DevTools, we've updated the extension permissions. This allows the extension to add the DevTools panel seamlessly on all websites you visit and across multiple tabs.

⚠️ Note
When updating to this version, Chrome and Firefox will display a warning that says the extension can 'read and change all your data on the websites you visit'. While the wording is alarming, we assure you that:

Minimal Data Access: We only access the bare minimum of data required to provide you the DivMagic service.

Data Security: All data accessed by the extension remains on your local machine and is not sent to any external servers. The elements you copy are generated on your device and are not sent to any server.

Privacy First: We're committed to safeguarding your privacy and security. For more details, you can view our Privacy Policy.

We appreciate your understanding and trust. If you have any concerns or questions, feel free to reach out to our support team.
September 20, 2023

Bug Fixes

  • Fixed a bug where conversion settings were not saved

July 31, 2023

Improvements & Bug Fixes

Improvements

  • Improved Grid Layout copying
  • Improved Tailwind CSS class coverage
  • Improved the responsiveness of the copied style
  • Improved style optimization code to reduce the size of the output

Bug Fixes

  • Fixed a bug in absolute element copying
  • Fixed a bug in background blur copying

July 20, 2023

Improvements & Bug Fixes

Improvements

  • Improved style optimization code to reduce the size of the output

Bug Fixes

  • Fixed a bug in background detection

July 18, 2023

New Feature & Improvements & Bug Fixes

You can now detect background of the element you are copying with the new Detect Background feature.

This feature will detect the background of the element through the parent. Especially on dark backgrounds, it will be very useful.

For detailed information, please see the documentation on Detect Background
Detect BackgroundJuly 18, 2023

Improvements

  • Improved responsiveness of the copied components
  • Updated SVG elements to use 'currentColor' when possible to make them easier to customize
  • Improved style optimization code to reduce the size of the CSS output

Bug Fixes

  • Fixed a bug in height and width calculation

July 12, 2023

New Feature & Improvements

You can now copy full pages with the new Copy Full Page feature.

It will copy the full page with all of the styles and convert it to the format of your choice.

For detailed information, please see the documentation.
DocumentationJuly 12, 2023

Improvements

  • Improved responsiveness of the copied components
  • Improved style optimization code to reduce the size of the CSS output

July 3, 2023

Improvements & Bug Fixes

Improvements

  • Improved iframe style copying
  • Improved border conversion
  • Improved style optimization code to reduce the size of the output

Bug Fixes

  • Fixed a bug in JSX conversion
  • Fixed a bug in border radius calculation

June 25, 2023

Improvements & Bug Fixes

Improvements

  • Improved border conversion
  • Updated font size logic
  • Improved style optimization code to reduce the size of the output

Bug Fixes

  • Fixed a bug in padding and margin conversion

June 12, 2023

Improvements & Bug Fixes

Improvements

  • Improved style optimization code to reduce the size of the output
  • Improved list conversion
  • Improved table conversion

Bug Fixes

  • Fixed a bug in grid conversion

June 6, 2023

New Feature & Improvements

You can now convert the copied to CSS. This is a highly requested feature and we are excited to release it!

This will allow you to work on your projects with ease.

For differences between the Style Formats, please see the documentation
DocumentationJune 6, 2023

Improvements

  • Improved style optimization code to reduce the size of the Tailwind CSS output
  • Improved list conversion
  • Improved grid conversion

May 27, 2023

Improvements & Bug Fixes

Improvements

  • Added a keyboard shortcut to copy the Tailwind CSS code. You can press 'D' to copy the element.
  • Improved SVG conversion
  • Improved style optimization code to reduce the size of the Tailwind CSS output

Bug Fixes

  • Fixed a bug in JSX conversion where the output would include incorrect string
  • Thanks to all of you who are reporting bugs and issues! We are working on fixing them as soon as possible.

May 18, 2023

New Feature & Improvements

You can now convert the copied HTML to JSX! This is a highly requested feature and we are excited to release it.

This will allow you to work on your NextJS or React projects with ease.

May 18, 2023

Improvements

  • Improved style optimization code to reduce the size of the Tailwind CSS output

May 14, 2023

Firefox Release 🦊

DivMagic has been released on Firefox! You can now use DivMagic on Firefox and Chrome.

You can download DivMagic for Firefox here: Firefox

May 12, 2023

Improvements

DivMagic has been installed over 100 times in the last 2 days! Thank you for the interest and all the feedback.

We are releasing a new version with improvements and bug fixes.

  • Improved style optimization code to reduce the size of the Tailwind CSS output
  • Improved SVG conversion
  • Improved border support
  • Added background image support
  • Added a warning about iFrames (Currently DivMagic doesn't work on iFrames)
  • Fixed a bug where background colors were not applied

May 9, 2023

🚀 DivMagic Launch!

We just launched DivMagic! The initial version of DivMagic is now live and ready for you to use. We're excited to see what you think!

  • Copy and convert any element to Tailwind CSS
  • Colors are converted to Tailwind CSS colors

© 2023 DivMagic, Inc. All rights reserved.