FlexEx is a modern and flexible boilerplate for building Chrome extensions. It provides seamless support for React, Vue, and plain JavaScript templates, all powered by Vite for fast and efficient development.

• Multiple Templates: Start your Chrome extension with React, Vue, or plain JavaScript templates.
• Vite-Powered: Fast build tool that ensures efficient and quick development cycles.
• Hot Reloading: Enjoy live reloading during development for a smoother experience.
• Minimal Configuration: Get started in minutes with an easy setup and minimal configuration required.

Follow these simple steps to get started with FlexEx:

Run the following command to create a new project:

npm create flexex@latest

Change to the project directory:

cd your-project-name

Install required dependencies:

npm install

Once the setup is complete, here’s how you can start building your extension:

Run the following command to build your project:

npm run build

This will generate a production-ready build inside the dist folder.

To test your extension, load it in Chrome:

1. Open Chrome and navigate to chrome://extensions/.
2. Enable Developer Mode (top right).
3. Click Load unpacked.
4. Select the dist folder inside your project directory.

Your Chrome extension is now ready for development! 🎉

• CLI Tool: FlexEx now includes a CLI tool to quickly scaffold new projects.
• Customizable Templates: Easily extend or modify templates to fit your needs.
• Package Improvements: Cleaned up dependencies and optimized for better performance.

For in-depth documentation, including advanced configurations and examples, visit our official docs.

We welcome contributions from the community! If you have any suggestions, bug fixes, or improvements, feel free to open an issue or submit a pull request.

1. Fork the repository.
2. Create a new branch for your feature/bugfix.
3. Submit a pull request.

This project is licensed under the MIT License. See the LICENSE file for more details.