CRXJS

Modern Chrome extension development with built-in HMR and zero-config setup

📚 Documentation | 💬 Discord

📦 Create CRXJS Project

npm create crxjs@latest

Important

@latest MUST NOT be omitted, otherwise npm may resolve to a cached and outdated version of the package.

✨ Features

• 🧩 Full Vite Plugin Ecosystem - Leverage any Vite-compatible plugins with zero extra setup
• ⚙️ Zero Configuration - Start developing immediately with intelligent defaults
• 3️⃣ Manifest V3 Support - Built for modern Chrome extensions with enhanced security
• 🔥 True Hot Module Replacement - Instant UI updates while preserving extension state 🎈works with content scripts
• 📁 Static Asset Import - Directly reference images/fonts in your code
• 🤖 Auto Web-Accessible Resources - Automatic generation of web_accessible_resources manifest entries

Note

Looking for MV2 support? See rollup-plugin

💻 Development

• Clone this repository
• Install pnpm
• Install dependencies using pnpm install
• Build the vite-plugin project using pnpm build:vite-plugin
• Playgrounds project is located at playgrounds/**, using pnpm play can run the playgrounds
• Cd into the vite-plugin directory using cd packages/vite-plugin
• Test using pnpm run test
• Use DeepWiki to learn more about CRXJS

💝 Contributors

This project exists thanks to all the people who contribute.

And thank you to all our backers! 🙏

🤝 Supporting

If these plugins have helped you ship your product faster, please consider sponsoring me on GitHub.