https://github.com/rezasohrabi/chrome-ext-starter

Get started with building your Chrome extension effortlessly! Our starter kit combines the power of cutting-edge technologies like Vite, TypeScript, React, CRX, Tailwind CSS, and DaisyUI, making extension development a breeze.
https://github.com/rezasohrabi/chrome-ext-starter

chrome-extension chrome-extension-boilerplate chrome-extension-react chrome-extension-starter chrome-extension-template cross-browser-extension crxjs daisyui google-chrome-extension manifest-v3 react tailwindcss typescript vite

Last synced: 13 days ago
JSON representation

Get started with building your Chrome extension effortlessly! Our starter kit combines the power of cutting-edge technologies like Vite, TypeScript, React, CRX, Tailwind CSS, and DaisyUI, making extension development a breeze.

• Host: GitHub
• URL: https://github.com/rezasohrabi/chrome-ext-starter
• Owner: rezasohrabi
• Created: 2024-04-01T12:44:39.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-17T13:23:26.000Z (5 months ago)
• Last Synced: 2024-10-24T21:55:08.410Z (20 days ago)
• Topics: chrome-extension, chrome-extension-boilerplate, chrome-extension-react, chrome-extension-starter, chrome-extension-template, cross-browser-extension, crxjs, daisyui, google-chrome-extension, manifest-v3, react, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 1.59 MB
• Stars: 41
• Watchers: 1
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Chrome Extension Starter Kit 🚀

Get started with building your dream Chrome extension effortlessly! Our starter kit combines the power of cutting-edge technologies like Vite, TypeScript, React, CRX, Tailwind CSS, and DaisyUI, making extension development a breeze.

Why choose this template? 🤔 Well, there are countless templates out there, but if you're eyeing Tailwind for your Chrome extension, you're in luck! 🎉 With this template, diving into extension development becomes a breeze – no configuration needed! 💻

## Key Features

- 🛠️ **Vite**: for lightning-fast development and hot module replacement.

- 🧰 **TypeScript**: for type safety and enhanced productivity.

- ⚛️ **React**: for building dynamic and interactive UI components.

- 📦 **CRX**: for easy packaging and distribution of your extension.

- 🎨 **Tailwind CSS**: for hassle-free styling, including seamless integration in content scripts.

- 🌼 **DaisyUI**: for beautiful and customizable UI elements right out of the box.

## Why Choose Our Starter Kit?

- 🚀 **Streamlined Setup**: Say goodbye to configuration headaches. Get up and running in minutes.

- ⚡ **Optimized Performance**: Leverage Vite's speed and Tailwind CSS's efficiency for blazing-fast development.

- 👩‍💻 **Developer-Friendly**: TypeScript support and React components empower developers to build feature-rich extensions with ease.

## Usage Instructions

1. 📥 Clone the repository.

2. 🔧 Install dependencies with `pnpm install`.

3. 🚀 Start development server with `pnpm dev`.

4. 🏗️ Build your extension for production with `pnpm build`.