formPilot is a sleek, modern browser extension built to make form testing and data entry a breeze. It intelligently detects input fields and fills them with realistic dummy data generated by Faker.js.
- Smart Detection: Automatically identifies name, email, phone, address, and more based on field attributes (name, id, placeholder, and type).
- One-Click Fill: Fill entire forms instantly with a single click from the extension popup.
- Form Clearing: Quickly reset all input fields to their original state.
- Custom Mappings: Map specific field names to your preferred Faker methods via the settings (e.g. map "username" to
internet.userName). - Modern UI: A premium, responsive interface built with React and Lucide Icons.
- Developer Friendly: Built with the latest tech stack (Vite + React 19) for fast development and high performance.
- Framework: React 19
- Build Tool: Vite with @crxjs/vite-plugin
- Data Generation: @faker-js/faker
- Icons: Lucide React
- Styling: Vanilla CSS with modern aesthetics
To use formPilot in your browser, follow these steps:
Ensure you have Node.js installed, then run:
# Install dependencies
npm install
# Build for production
npm run buildThe build artifacts will be generated in the dist/ directory.
- Open your browser and navigate to
chrome://extensions. - Enable Developer mode using the toggle in the top-right corner.
- Click on Load unpacked.
- Select the
dist/folder from the project root.
To start the development server with Hot Module Replacement (HMR):
npm run devThen, load the dist/ folder as an unpacked extension (it will update automatically as you save files).