Skip to content

Repository files navigation

Lists

Copy-paste data for your designs. Names, places, companies, prices, and more.

Live site: https://lists.gariasf.com

What is this?

When you're designing a UI, you need realistic content. Not "Lorem ipsum" or "John Doe" repeated fifty times. This site gives you actual data you can copy with one click.

420+ lists across 19 categories:

  • Names (20+ locales, romanized + native scripts for JA / KO / ZH)
  • Addresses, cities, postal codes, IBANs
  • Companies, job titles, products, brands
  • Prices, durations, dates
  • Colors, gradients, hex / RGB
  • HTTP statuses, CSS properties, dev tools, Docker images
  • And more

Plus 5 AI generators (user profiles, pricing pages, receipts, testimonials, addresses) and a Claude Code skill bundle so the data is one curl away from any project.

Packages

  • packages/figma-plugin/ — fills selected Figma text layers from any list. Import manifest.json via Plugins → Development → Import plugin from manifest.
  • packages/raycast-extension/ — search the catalog and copy items from Raycast. npm install && npm run dev installs it locally, no store needed.
  • npm package (lists-design) — npm run build:npm regenerates packages/npm/ from the built site so the two can't drift, then npm login && cd packages/npm && npm publish. Typed slugs, zero dependencies, seeded sampling for CI: sample('names-pt_br', 3, 42).

Each package has a PUBLISHING.md with the store-specific requirements.

API

Every list is served as static JSON with CORS enabled:

GET /api/manifest              # catalog of every list
GET /api/lists/<slug>          # one list as JSON
GET /api/lists/<slug>.txt      # one item per line
GET /api/lists/<slug>.csv      # CSV (real columns for structured lists)
GET /api/sample/<slug>?n=5     # n random items; &seed=42 = deterministic

Running locally

npm install
npm run dev

Open http://localhost:3000

Building

npm run build

This generates a static export in the out/ folder. No server required.

Deploying

The site runs on Cloudflare Pages:

npm run build
wrangler pages deploy out --project-name lists

Works on any static host: Vercel, Netlify, GitHub Pages, or your own server.

Tech stack

  • Next.js 15 (static export, App Router)
  • React 19
  • TypeScript
  • Cloudflare Pages + Pages Functions for the AI endpoints
  • Workers AI (Llama 3.1 8B) for the generators
  • Workers KV for rate-limit counters
  • fuzzysort for client-side fuzzy search
  • View Transitions API for navigation crossfade

Data source

Upstream list data is fetched from the original Lists project at build time. Local additions live in data/lists/.

The upstream repository does not ship an explicit LICENSE file. We redistribute the data with attribution in good faith for the original intent (designer mockups and prototypes). See LICENSE for the full notice.

Credits

This is a rebuild of Lists.design, originally created by Hernan Franco and Matt D. Smith.

License

The code in this repository is released under the MIT License. See LICENSE for details on bundled data and third-party attributions.

About

Copy-paste real data for your designs. Names, places, companies, prices, and more.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Contributors

Languages