An open API service indexing awesome lists of open source software.

https://github.com/BCIT-DDC/web-extension-ts-starter

🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera.
https://github.com/BCIT-DDC/web-extension-ts-starter

brave-extension chrome-extension extension firefox-extension hackathon jest react starter tailwindcss template typescript webpack5

Last synced: about 1 month ago
JSON representation

🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera.

Awesome Lists containing this project

README

        



Logo

## Web Extension Starter

A web extension starter, built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, and Brave.

### Built With

- ![React](https://img.shields.io/badge/-React-050B1E?&logo=React)
- ![TypeScript](https://img.shields.io/badge/-TypeScript-050B1E?&logo=TypeScript)
- ![Webpack](https://img.shields.io/badge/-Webpack.js-050B1E?&logo=webpack)
- ![TailwindCSS](https://img.shields.io/badge/-Tailwind_CSS-050B1E?&logo=tailwind-css)

## Getting Started

### 1. Download starter and install dependencies

Clone this repository:

```
git clone [email protected]:BCIT-DDC/web-extension-ts-starter.git
```

Install npm dependencies:

```
cd web-extension-ts-starter
npm install
```

### 2. Build the Extension

#### Start the Webpack Development Server

```
npm run dev
```

#### Build the Production-Ready Extension

```
npm run build
```

The relevant web extension files will be present in the output `.dist/` folder.

## Usage

--

## Roadmap

- [ ] Add support for Opera

See the [open issues](https://github.com/BCIT-DDC/web-extension-ts-starter/issues) for a full list of proposed features (and known issues).

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you would like to contribute, please have a look at our [contributing guidelines](https://github.com/BCIT-DDC/docs/blob/main/contributing.md).

### Contributors

This project exists thanks to all the people who contribute.




## License

[MIT](LICENSE.md) © BCIT-DDC

## Acknowledgments

- [Heroicons](https://heroicons.com/)
- [Headless UI](https://headlessui.dev/)

## Status


Search