{"id":13434461,"url":"https://github.com/DivMagicCom/DivMagic","last_synced_at":"2025-03-17T14:31:28.631Z","repository":{"id":163289031,"uuid":"638787723","full_name":"DivMagicCom/DivMagic","owner":"DivMagicCom","description":"Copy design from any website as CSS or Tailwind CSS components","archived":false,"fork":false,"pushed_at":"2023-07-14T13:19:13.000Z","size":11703,"stargazers_count":62,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-27T14:45:37.474Z","etag":null,"topics":["css","developer-tools","tailwindcss","web-development"],"latest_commit_sha":null,"homepage":"https://divmagic.com","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DivMagicCom.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-05-10T05:32:11.000Z","updated_at":"2024-10-13T20:49:52.000Z","dependencies_parsed_at":"2024-01-21T03:29:05.573Z","dependency_job_id":"1161ca05-eb7b-4ac2-9a7e-43ef1822f23d","html_url":"https://github.com/DivMagicCom/DivMagic","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DivMagicCom%2FDivMagic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DivMagicCom%2FDivMagic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DivMagicCom%2FDivMagic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DivMagicCom%2FDivMagic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DivMagicCom","download_url":"https://codeload.github.com/DivMagicCom/DivMagic/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244050229,"owners_count":20389660,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","developer-tools","tailwindcss","web-development"],"created_at":"2024-07-31T02:01:57.866Z","updated_at":"2025-03-17T14:31:26.970Z","avatar_url":"https://github.com/DivMagicCom.png","language":null,"funding_links":[],"categories":["Others"],"sub_categories":[],"readme":"# DivMagic: Copy design from any website\n\nWelcome 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.\n\n\u003cimg src=\"https://divmagic.com/static/logo-no-bg.png\" alt=\"DivMagic Logo\" width=\"200\"\u003e\n\n[DivMagic](https://divmagic.com) 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.\n\n**Chrome**   \n[\u003cimg src=\"https://divmagic.com/static/available-chrome.png\" alt=\"Chrome extension logo\" width=\"200\"\u003e](https://chrome.google.com/webstore/detail/divmagic/okpadhgilncoodafepkdmlneojcehclf)\n\n**Firefox**   \n[\u003cimg src=\"https://divmagic.com/static/available-firefox.png\" alt=\"Firefox extension logo\" width=\"200\"\u003e](https://addons.mozilla.org/en-US/firefox/addon/divmagic/)\n\n\n## Key Features\n\n- One-Click Element Copy: Copy any element from any website with a single click.\n- Ability to copy style as CSS or Tailwind CSS (including colors)\n- Conversion of any element from HTML to React/JSX and vice versa\n- Generation of minimalistic, reusable output\n- Seamless copying of styles, even through iframes\n\n\u003cimg src=\"./resources/demo-1.gif\" alt=\"Demo\" width=\"700\"\u003e\n\n## Demo Videos\n\nSee the power of DivMagic with these demo videos:\n\n1. [DivMagic in Action: Transform Web Elements into Tailwind CSS in Seconds](https://youtu.be/QxPAsDSOIrI)\n2. [DivMagic in Tailwind Playground: Transform Web Elements into Tailwind CSS in Seconds](https://youtu.be/kBPCrRSmKcg)\n3. [DivMagic on Firefox](https://www.youtube.com/watch?v=WUJMR47WjNU)\n4. [Hacker News Clone Tailwind CSS in One Click](https://www.youtube.com/watch?v=ZWcrENOpbY0)\n5. [Copy website design with one click - DivMagic](https://www.youtube.com/watch?v=mnJ7ctYaye0)\n\n\n## Contact Us\n\nFor any questions, feedback, or bug reports, please reach out to us at [support@divmagic.com](mailto:support@divmagic.com) or create an issue here.\n\n## Install DivMagic\n\nReady to improve your web development experience? [Install DivMagic](https://divmagic.com)!\n\n**Chrome**   \n[\u003cimg src=\"https://divmagic.com/static/available-chrome.png\" alt=\"Chrome extension logo\" width=\"200\"\u003e](https://chrome.google.com/webstore/detail/divmagic/okpadhgilncoodafepkdmlneojcehclf)\n\n**Firefox**   \n[\u003cimg src=\"https://divmagic.com/static/available-firefox.png\" alt=\"Firefox extension logo\" width=\"200\"\u003e](https://addons.mozilla.org/en-US/firefox/addon/divmagic/)\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDivMagicCom%2FDivMagic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDivMagicCom%2FDivMagic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDivMagicCom%2FDivMagic/lists"}