AIO Generator

AIO Generator is a fast, privacy-friendly, all-in-one collection of online generators for developers, designers and testers. Every tool runs client-side in your browser — no backend, no account, no tracking.

Languages: English | Tiếng Việt

---

Features

• 9 generators in one toolkit

  1. Random User Generator — realistic fake user profiles (via API Ninjas, free tier)
  2. Password Generator — strong, fully customizable random passwords with entropy/strength meter
  3. Meta Tag Generator — SEO, Open Graph & Twitter Card meta tags with live search-result preview
  4. UUID Generator — RFC-4122 compliant UUID v4 (random) and v7 (time-ordered)
  5. Fake Data Generator — structured fake datasets (name, email, address, company…) exportable as table/JSON/CSV
  6. Random Number Generator — integers or decimals in a custom range, with sum/average stats
  7. QR Code Generator — text, URL, Wi-Fi, email, SMS, phone or vCard QR codes, downloadable as PNG/SVG
  8. Random Color Generator — single colors or harmonious palettes (complementary, analogous, triadic, monochrome)
  9. Random Image Generator — random placeholder images by category (via API Ninjas, free tier)

• Bilingual UI — English and Vietnamese, switchable anytime, auto-detected from your browser on first visit

• Light / Dark / System theme — remembers your choice

• Favorites — pin the generators you use most to the sidebar

• History — recent results are kept per tool (stored locally, never sent anywhere)

• Copy / Export — one-click copy, plus JSON/CSV/TXT/PNG/SVG export where relevant

• Installable PWA — add AIO Generator to your home screen / desktop and use core tools offline

• Fully responsive — polished experience from small phones to large desktop screens

• No emojis — a consistent icon set (lucide-react) is used throughout instead

• Persisted preferences — theme, language, favorites, API key and history are all saved in localStorage on your device only

Tech stack

• React 19 + React Router
• Vite build tooling
• Tailwind CSS v4
• Plain JavaScript (no TypeScript)
• Be Vietnam Pro (UI) + JetBrains Mono (generated values) via Google Fonts
• lucide-react icon set
• qrcode for QR code generation
• API Ninjas for the Random User and Random Image generators (free tier)

Getting started

Prerequisites

• Node.js 18 or later
• npm (bundled with Node.js)

Installation

# 1. Extract the project archive, then move into the folder
cd aio-generator

# 2. Install dependencies
npm install

# 3. Start the local dev server
npm run dev

The app will be available at http://localhost:5173.

Build for production

npm run build

The optimized static site is generated in dist/. You can preview it locally with:

npm run preview

Because the app uses a hash-based router and only relative asset paths, the contents of dist/ can be deployed as static files to any host (Nginx, Apache, GitHub Pages, Netlify, Vercel static, S3, etc.) without any special server rewrite rules.

Using the API Ninjas–powered generators

The Random User and Random Image generators call the free API Ninjas REST API directly from your browser. To use them:

1. Create a free account at api-ninjas.com/register.
2. Copy your API key from your API Ninjas dashboard.
3. In AIO Generator, open Settings (gear icon) → API Ninjas → paste your key → Save.

Your key is stored only in your browser's localStorage — it is never sent to any server other than api.api-ninjas.com, and it is never bundled into the app or shared with anyone.

All other 7 generators work fully offline with no API key required.

Project structure

aio-generator/
├── public/                 # Static assets: icons, favicon, manifest, service worker
├── src/
│   ├── components/
│   │   ├── layout/          # App shell: Sidebar, Topbar, MobileNav, Settings modal, Footer
│   │   └── ui/               # Reusable UI primitives: Button, Form controls, CopyButton…
│   ├── context/             # Theme, Language, Settings (API key/favorites/history), Toast
│   ├── i18n/                # en.json / vi.json translation dictionaries
│   ├── lib/                 # Random/crypto helpers, API client, tool registry, fake data
│   ├── pages/                # One page per generator + Home + NotFound
│   ├── App.jsx               # Router & provider setup
│   ├── index.css             # Tailwind v4 theme tokens & base styles
│   └── main.jsx               # Entry point, service worker registration
├── index.html
├── vite.config.js
└── package.json

Deployment notes

• The app uses HashRouter, so no server-side rewrite configuration is required — it works out of the box on any static host, including when served from a sub-path.
• vite.config.js sets base: './' so all built asset URLs are relative.
• The PWA manifest and service worker (public/manifest.webmanifest, public/sw.js) enable "Add to Home Screen" / "Install app" prompts and basic offline caching of the app shell.

Privacy

AIO Generator does not run any backend and does not collect analytics. Everything (theme, language, API key, favorites, history) is stored exclusively in your browser's localStorage. You can clear all locally stored data at any time from Settings → Data & privacy → Clear all local data.

License

MIT — free to use, modify and distribute.

Credits

• Author: gnort67
• Built with the assistance of: Claude (Anthropic)
• Random user & random image data powered by API Ninjas