Welcome to DivCopy, a lightweight browser extension designed to empower frontend developers. With DivCopy, you can quickly inspect, copy, and reuse web elements, making your development process smoother and more efficient.
- Quick Inspection: Easily inspect HTML elements on any webpage.
- CSS Copying: Copy CSS styles with a single click.
- Reusable Code: Save time by reusing web elements in your projects.
- TailwindCSS Support: Seamlessly integrate with TailwindCSS for rapid UI development.
- User-Friendly Interface: Intuitive design that requires no learning curve.
To install DivCopy, visit the Releases section. Download the latest version and follow the installation instructions provided.
Once installed, DivCopy adds a simple icon to your browser toolbar. Click the icon to activate the extension. Here’s how to use it:
- Inspect Elements: Navigate to any webpage. Click the DivCopy icon, and hover over elements to inspect them.
- Copy CSS: When you find an element you want to copy, click on it. DivCopy will display the CSS styles in a popup. Click "Copy" to copy the styles to your clipboard.
- Reuse Elements: Paste the copied CSS into your project. You can now reuse the styles without starting from scratch.
We welcome contributions! To contribute to DivCopy, follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them.
- Push your branch to your fork.
- Open a pull request.
Please ensure your code adheres to our coding standards and includes tests where applicable.
DivCopy is open-source software licensed under the MIT License. See the LICENSE file for details.
If you encounter any issues or have questions, please check the Releases section for updates. You can also open an issue in the repository.
Thank you for using DivCopy! We hope this extension makes your web development tasks easier and more efficient. Happy coding!