https://github.com/tekipeps/chrome-extension-template

A chrome extension template with React, Typescript and Tailwind
https://github.com/tekipeps/chrome-extension-template

chrome-extension chrome-extension-boilerplate chrome-extension-react react tailwindcss typescript webpack

Last synced: 3 months ago
JSON representation

A chrome extension template with React, Typescript and Tailwind

• Host: GitHub
• URL: https://github.com/tekipeps/chrome-extension-template
• Owner: Tekipeps
• License: mit
• Created: 2024-08-25T14:05:59.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-30T21:05:49.000Z (5 months ago)
• Last Synced: 2024-11-08T07:04:33.734Z (3 months ago)
• Topics: chrome-extension, chrome-extension-boilerplate, chrome-extension-react, react, tailwindcss, typescript, webpack
• Language: TypeScript
• Homepage:
• Size: 44.9 KB
• Stars: 10
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Chrome Extension with React

This is a chrome extension template built with React, Typescript, and Tailwind CSS.

## Getting Started

To get started, follow these steps:

1. Clone the repository:

```bash

git clone https://github.com/tekipeps/chrome-extension-template.git

```

2. Install dependencies:

```bash

pnpm install

```

3. Build the extension:

```bash

pnpm run build

```

4. Load the extension in Chrome:

- Open Chrome and navigate to `chrome://extensions`.

- Enable "Developer mode" by clicking the toggle switch next to the address bar.

- Click "Load unpacked" and select the `dist` folder.

## Features

- React: A popular JavaScript library for building user interfaces.

- Typescript: A superset of JavaScript that adds static typing.

- Tailwind CSS: A utility-first CSS framework for rapid UI development.

- Webpack: A module bundler for bundling JavaScript, CSS, and images.

## Contributing

Contributions are welcome! If you find a bug or have a suggestion, please open an issue or submit a pull request.

## Mentions

I got the icons from [jbrudvik](https://github.com/jbrudvik/chrome-extension-icon-sizes)

## License

This project is licensed under the MIT License.