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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

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.


Languages

Language:TypeScript 84.5%Language:JavaScript 9.7%Language:CSS 4.2%Language:HTML 1.6%