Skip to content

A chrome extension template with React, Typescript and Tailwind

License

Notifications You must be signed in to change notification settings

Tekipeps/chrome-extension-template

Repository files navigation

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:
git clone https://github.com/tekipeps/chrome-extension-template.git
  1. Install dependencies:
pnpm install
  1. Build the extension:
pnpm run build
  1. 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

License

This project is licensed under the MIT License.