Browser Extension Starter

Streamlined Browser Extension Development with WXT, React & Shadcn

This starter template accelerates browser extension development by providing a pre-configured WXT framework setup. It integrates React for dynamic UIs, TailwindCSS for rapid styling, the Shadcn component system for polished designs, and trpc-chrome for typesafe communication. Developers can swiftly add Shadcn components via CLI, focus on features over setup, and easily generate development or production builds for modern browser environments.

Features:

• WXT Framework: Utilizes WXT as its foundational browser extension development framework.
• React Integration: Employs React for constructing dynamic and interactive user interfaces.
• TailwindCSS for Styling: Leverages TailwindCSS to enable rapid, utility-first CSS styling.
• Shadcn UI Components: Integrates the Shadcn component system for access to a library of well-designed, accessible UI elements.
• Typesafe TRPC Messaging: Incorporates trpc-chrome for establishing a typesafe communication channel within the extension.
• Shadcn Component CLI: Facilitates the addition of new Shadcn components directly via the command line (e.g., pnpm dlx shadcn@latest add tooltip).
• Integrated Development Server: Comes with a development server, launchable via pnpm dev, for immediate building and testing.
• Streamlined Production Builds: Offers a simple command (pnpm build) to create optimized builds ready for production deployment.
• Modern Manifest V3 Support: Designed for contemporary browser extensions, including specific guidance for Chrome Manifest V3 development builds (e.g., ./output/chrome-mv3-dev).
• WXT Documentation Access: Provides a convenient link to the official WXT documentation for in-depth information and support.

Summary:

This browser extension starter template provides a robust foundation using WXT, React, TailwindCSS, Shadcn, and trpc-chrome. It simplifies the initial setup, component integration, and build processes, enabling developers to efficiently create modern, typesafe browser extensions. It's designed to get you up and running quickly with a powerful and maintainable tech stack, suitable for building sophisticated extensions for browsers like Chrome.