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! 💻
- 🛠️ 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.
- 🚀 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.
- 1️⃣ Clone the repo: git clone https://github.com/rezasohrabi/chrome-ext-starter.git
- 2️⃣ Install dependencies: pnpm install
- 3️⃣ Start development: pnpm dev
- 4️⃣ Build for production: pnpm build
We welcome and appreciate contributions to improve this project. Whether you would like to fix a bug, introduce a new feature, or enhance the documentation, your contributions are highly valued.