Skip to content
/ crxjs-react-starter Public template

CRXJS React Chrome extension starter + TypeScript + TailwindCSS

License

Notifications You must be signed in to change notification settings

cresvin/crxjs-react-starter

Repository files navigation

Banner

⚡ CRXJS React starter + TypeScript + TailwindCSS

This template is for creating Chrome extension, using Vite, CRX plugin, React, TailwindCSS and TypeScript.

What this template contains?

  • Extension popup
  • Content scripts
  • Extension background
  • New tab page
  • Welcome page

How to use

# Install dependencies
npm install

# Run extension as dev mode
npm run dev

# Build extension
npm run build

Example Usage

To use the popup:

  1. Navigate to the src/pages/popup/popup.tsx directory.
  2. Modify the files as needed.
  3. Run npm run dev to see changes in real-time.
  4. Once satisfied, build the extension using npm run build.

Useful Links