A powerful browser extension built with Plasmo and Next.js that acts as an intelligent agent to perform tasks on behalf of users.
- Browser automation and task execution
- Intelligent web navigation and interaction
- Secure cookie and storage management
- Real-time web request monitoring
- Cross-origin communication support
- Modern UI with Tailwind CSS and Radix UI components
- Framework: Plasmo (v0.87.2)
- UI Library: React 18
- Styling:
- Tailwind CSS
- Radix UI Components
- Framer Motion for animations
- State Management: Zustand
- Type Safety: TypeScript
- Code Quality: Prettier, ESLint
- Next.js API routes
- Upstash Redis for data storage
- TypeScript for type safety
- Clone the repository:
git clone [repository-url] cd allweone-extension- Install dependencies:
pnpm install- Start the development server:
# Start the extension development server pnpm dev # Start the Next.js API server (in the next-js-api-and-frontend directory) cd next-js-api-and-frontend pnpm devpnpm dev- Start the development serverpnpm build- Build the extension for productionpnpm package- Package the extension for distribution
├── src/ # Extension source code ├── next-js-api-and-frontend/ # Next.js API and frontend │ ├── api/ # API routes │ └── hooks/ # Custom React hooks ├── assets/ # Static assets └── build/ # Build output The extension requires the following permissions:
cookies- For cookie managementscripting- For executing scriptsstorage- For data persistencetabs- For tab managementwebNavigation- For navigation eventswebRequest- For request monitoringactiveTab- For current tab accessdebugger- For debugging capabilities
The extension can communicate with:
http://localhost:3000/*https://allweone.vercel.app/*
The project uses a modern component library built with:
- Radix UI for accessible components
- Tailwind CSS for styling
- Framer Motion for smooth animations
- Custom components for specific functionality