# Style Copy Browser Extension

This is a browser extension that allows you to copy the styles of any element on a webpage and paste them into your own CSS.

This is a work in progress and is not yet available for download.

## How to use

Open dev tools and click on an element. Sidebar will open with the styles of the element. Click on the copy button to copy the styles.

## Motivation

I wanted to create a tool that would allow me to easily copy the styles of an element on a webpage and paste them into my own CSS.
other tools 'divMagic' and 'CSS Peeper' are great but they are not open source and I wanted to create something that was open source and free to use.

## Tech Stack

- React
- TypeScript
- WebExtensions API
- Vite

## Development

1. Clone the repository
2. Run `pnpm install`
3. Run `pnpm run dev` to start the development server
4. browser will open with the extension installed