LogoIndieHub
icon of extro

extro

Extro is an open-source browser extension starter kit with React, TypeScript, and WXT, designed for building production-ready extensions.

Introduction

Extro is a comprehensive browser extension starter kit designed to streamline the development process with a focus on code reuse and best practices. Built using React, TypeScript, and WXT, it provides a solid foundation for creating production-ready extensions.

Key Features:

  • Full Type Safety: Leverages TypeScript for robust and maintainable code.
  • Pre-configured Pages: Includes background service worker, content scripts, devtools, new tab, options, popup, and side panel.
  • Authentication: Supports OAuth for secure user authentication.
  • Storage & Messaging: Built-in support for storage and messaging between extension components.
  • Hot Reloading: Enables rapid development with hot reloading.
  • One-Click Publishing: Simplifies the publishing process.
  • Internationalization: Ready for localization with internationalization support.
  • Analytics: Integrates with OpenPanel for usage analytics.
  • UI Components: Compatible with shadcn/ui.
  • AI Integration: Experimental native AI integration.

Use Cases:

Extro is ideal for developers looking to quickly bootstrap browser extension projects with a modern, well-structured codebase. It's suitable for a wide range of extensions, including content blockers, productivity tools, and custom browser enhancements.