chrome-seed Tailwind Templates

Chrome Seed

A blazing-fast Chrome extension boilerplate with React 19, TypeScript, and Vite. Features modern development tools like Biome for linting, Tailwind CSS for styling, and GitHub Actions for CI/CD. Perfect for building production-ready Chrome extensions with best practices.

#biomejs #chrome-extension #developer-tools #modern-tooling #production-ready #react19 #tailwindcss #typescript #vite #web-extension
Download

Chrome Seed 🌱 - Blazing fast Chrome extension boilerplate

A modern, feature-rich boilerplate for building Chrome extensions. It combines the best tools and practices to help you create powerful extensions quickly and efficiently.

✨ Features

  • 🎯 TypeScript - First-class type safety
  • ⚛️ React 19 - Modern UI development
  • ⚡ Vite - Lightning-fast builds
  • 🎨 Tailwind CSS - Utility-first styling
  • 🔍 Biome - Next-gen linting & formatting
  • 📦 PostCSS - Modern CSS features
  • 🧪 Production-ready - Optimized build setup
  • 📝 Well-documented - Comprehensive guides

🚀 Getting Started

Prerequisites

  • Node.js ≥ 22.12.0
  • pnpm (recommended) or npm

Quick Start

  1. Clone the Repository

    git clone https://github.com/yourusername/chrome-seed.git
cd chrome-seed

  2. Install Dependencies

    pnpm install

  3. Start Development

    pnpm dev

🛠️ Development

Available Scripts

Command Description
pnpm dev Start development server
pnpm build Build for production
pnpm preview Preview production build
pnpm lint Lint code with Biome
pnpm format Format code with Biome
pnpm type-check Run TypeScript checks
pnpm package Create distribution package

🔌 Loading the Extension

  1. Open Chrome and navigate to chrome://extensions
  2. Enable "Developer mode" in the top right
  3. Click "Load unpacked" and select the dist directory

🏭 Production Build

Our optimized build process:

  1. 🧹 Cleans output directories
  2. 📝 Compiles TypeScript
  3. 📦 Bundles and minifies with Vite

🤝 Contributing

We welcome contributions! Here's how you can help:

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

Top categories

tailwind daisyui resume portfolio email blog dashboard landing-page admin ecommerce
Loading Svelte Themes