Faker.js UI

Watch Demo Here | Live App | Website

Web App and Browser Extension for Faker.js.

Now available in Chrome Web Store!

GitAds Sponsored

Monorepo Structure

This monorepo contains two packages:

Package	Description	Tech Stack
@faker-js-ui/app	Web App & Chrome Extension	Quasar, Vue 3
@faker-js-ui/website	Marketing Website	Nuxt 3, Tailwind CSS, DaisyUI

Features

• Generate fake data with one click
• Copy to clipboard instantly
• Bulk generation with JSON/CSV export
• Auto-fill forms using appropriate Faker.js methods (Browser Extension)
• Preview of copied/generated data
• Add prompt for arguments so users can maximize the parameters for each method

Development

Prerequisites

• Node.js >= 18
• pnpm

Installation

# Install dependencies
pnpm install

Running the Apps

# Run the Quasar Web App (SPA)
pnpm dev:app

# Run the Quasar Browser Extension
pnpm dev:bex

# Run the Nuxt Website
pnpm dev:website

Building for Production

# Build the Quasar SPA
pnpm build:app

# Build the Chrome Extension
pnpm build:bex

# Build the Nuxt Website
pnpm build:website

Linting

# Lint the Quasar app
pnpm lint:app

# Lint the website
pnpm lint:website

Working with Specific Packages

# Run any command in a specific workspace
pnpm --filter @faker-js-ui/app <command>
pnpm --filter @faker-js-ui/website <command>

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT