--- name: z87:design description: 1,003 production-grade frontend designs with HTML, screenshots, prompts, and structured metadata (26 categories, 40 styles, 4K+ tags). Search by category, style, tag, or free text. --- Anonymous: 600 tok/min. Key: `GET https://z87.ai/api/use` → `X-Api-Key` header, 6000 tok/min. On `429`, wait 1s. ## Searching designs /search?q=style:brutalist — all brutalist designs /search?q=tag:dark-mode — designs tagged dark-mode /search?q=tag:dashboard category:web+app+/+dashboard /search?q=summary:landing+page — free-text search in summaries and prompts ## Design detail /details/{id} — metadata, prompt, and links to HTML + screenshot /details/{id}/example.html — live HTML (renders in browser) /details/{id}/example.png — screenshot image ## Discovery /random — random design (full detail with prompt, html, screenshot) /random/example.html — random live HTML template /random/example.png — random screenshot image /stats — all categories, styles, top tags with counts All endpoints accept both **GET with query parameters** and **POST with JSON body**. ## Endpoints ### `https://z87.ai/api/design/search` Field-qualified search. Fields: summary, prompt, tag, category, style. | Param | Type | Required | Default | |-------|------|----------|---------| | q | string | no | — | | limit | u32 | no | 20 | | offset | u32 | no | 0 | **Example:** `GET https://z87.ai/api/design/search?q=style:brutalist&limit=3` **Response:** ```json { "designs": [ { "id": 57, "category": "Web App / Dashboard", "style": "Brutalist", "tags": ["brutalist", "...9 more"], "summary": "...d), 2px black borders as sole spatial organizers, system-ui body/monospace data, green/red diff high..." }, "...2 more" ], "total": 46, "limit": 3, "offset": 0 } ``` ### `https://z87.ai/api/design/details/{id}` Design metadata with prompt and links to HTML and screenshot No parameters. **Example:** `GET https://z87.ai/api/design/details/0` **Response:** ```json { "design": { "id": 0, "category": "Web App / Dashboard", "style": "Bauhaus Minimal", "tags": ["bauhaus", "...8 more"], "summary": "...rs, Kandinsky status indicators (blue circle healthy, yellow triangle warning, red square critical),...", "prompt": "...ng. Tile contains: server name in 16px DIN bold, IP address in 13px DIN #6B6B6B, a status indicator ...", "html": "https://z87.ai/api/design/details/0/example.html", "screenshot": "https://z87.ai/api/design/details/0/example.png" } } ``` ### `https://z87.ai/api/design/details/{id}/example.html` Live HTML template (text/html content type, renders in browser) No parameters. **Example:** `GET https://z87.ai/api/design/details/0/example.html` ### `https://z87.ai/api/design/details/{id}/example.png` Screenshot image (image/png content type) No parameters. **Example:** `GET https://z87.ai/api/design/details/0/example.png` ### `https://z87.ai/api/design/random` Random design (full detail with prompt, html, screenshot) No parameters. **Example:** `GET https://z87.ai/api/design/random` **Response:** ```json { "design": { "id": 726, "category": "Gaming", "style": "Sci-Fi HUD", "tags": ["sci-fi", "...9 more"], "summary": "...al fuel rod cross-section, containment ring with sensor nodes, power/integrity gauges, parameter lis...", "prompt": "... 13px (CORE TEMP, COOLANT FLOW, PRESSURE, NEUTRON FLUX, CONTROL ROD POS, CYCLE COUNT, FUEL DEPLETION...", "html": "https://z87.ai/api/design/details/726/example.html", "screenshot": "https://z87.ai/api/design/details/726/example.png" } } ``` ### `https://z87.ai/api/design/random/example.html` Random live HTML template (text/html content type, renders in browser) No parameters. **Example:** `GET https://z87.ai/api/design/random/example.html` ### `https://z87.ai/api/design/random/example.png` Random screenshot image (image/png content type) No parameters. **Example:** `GET https://z87.ai/api/design/random/example.png` ### `https://z87.ai/api/design/stats` Category, style, and tag distributions No parameters. **Example:** `GET https://z87.ai/api/design/stats` **Response:** ```json { "total_designs": 1003, "fields": { "category": [ ["landing page", 76], ["web app / dashboard", 72], ["e-commerce / content", 63], ["tui", 61], ["e-commerce", 47], ["saas", 47], ["developer tools", 46], ["portfolio", 46], ["education / learning", 32], ["finance / fintech", 31], ["healthcare / medical", 31], ["maps / geospatial", 31], ["productivity", 31], ["real estate", 31], ["blog / magazine", 30], ["creative tools", 30], ["documentation site", 30], ["fitness / sports", 30], ["food / restaurant", 30], ["gaming", 30], ["music / audio", 30], ["news / media", 30], ["social platform", 30], ["travel", 30], ["government / civic", 29], ["mobile / responsive", 29] ], "style": [ ["dark-first", 77], ["swiss grid", 61], ["organic / natural", 48], ["glassmorphism", 47], ["apple hig", 46], ["brutalist", 46], ["material design", 46], ["sci-fi hud", 30], ["cyberpunk neon", 30], ["de stijl / mondrian", 30], ["editorial / magazine", 30], ["flat modern", 30], ["japanese minimal", 30], ["luxury minimalist", 30], ["art deco", 30], ["gradient-heavy", 29], ["bauhaus pedagogical", 16], ["maximalist / eclectic", 16], ["modern rich", 16], ["playful illustrated", 16], ["retro / vintage", 16], ["retro terminal", 16], ["vaporwave", 16], ["constructivist", 15], ["cyberpunk neon tui", 15], ["dieter rams", 15], ["memphis design", 15], ["monochrome elegant", 15], ["monochrome photographic", 15], ["neomorphic", 15], ["newspaper broadsheet", 15], ["classic terminal", 15], ["pixel art / 8-bit", 15], ["retro poster", 15], ["scandinavian modern", 15], ["skeuomorphic revival", 15], ["clean clinical", 15], ["y2k", 15], ["accessibility-first", 14], ["bauhaus minimal", 12] ], "tag": [ ["dark-mode", 198], ["oklch", 105], ["wcag-aa", 81], ["monospace", 77], ["accessibility", 76], ["terminal", 65], ["landing-page", 63], ["progressive-disclosure", 59], ["box-drawing", 53], ["dashboard", 52], ["portfolio", 52], ["saas", 51], ["glassmorphism", 47], ["apple-hig", 46], ["brutalist", 46], ["cyberpunk", 46], ["e-commerce", 46], ["material-design-3", 46], ["art-deco", 45], ["data-table", 42], ["organic", 40], ["mobile-first", 37], ["fitness", 35], ["developer-tool", 34], ["map", 34], ["serif", 33], ["dark-theme", 33], ["rams", 32], ["tui", 32], ["swiss-grid", 32], ["swiss-style", 32], ["golden-ratio", 31], ["primary-colors", 31], ["sci-fi", 31], ["skeuomorphic", 31], ["government", 31], ["mondrian", 30], ["de-stijl", 30], ["macos", 30], ["timeline", 30], ["blog", 29], ["gradient", 29], ["inter", 29], ["tesler-law", 29], ["wcag-aaa", 29], ["real-time", 28], ["norman-reflective", 27], ["warm-palette", 27], ["12-column", 26], ["pixel-art", 26], "...50 more" ] } } ``` ## License The z87 API code is MIT licensed. Each dataset carries its upstream license: - **design**: MIT licensed. --- ## Other z87 Datasets - [chess](https://z87.ai/api/chess/SKILL.md) — 1B+ Lichess games (2000+ Elo, 2013-2026) - [colors](https://z87.ai/api/colors/SKILL.md) — Unified paint color database: ~30K colors across 20+ brands with cross-brand matching via CIEDE2000 perceptual distance, color harmony generation, coordinating color strips, and palette suggestions. - [companies_uk](https://z87.ai/api/companies_uk/SKILL.md) — 5.7M UK companies from Companies House - [countries](https://z87.ai/api/countries/SKILL.md) — 247 countries with 282 indicators (57 static, 225 timeseries) across economics, health, demographics, energy, environment, education, and more - [food](https://z87.ai/api/food/SKILL.md) — Recipes, FDC ingredients, and food products: 13.5K recipes with nutrition, 8K+ FDC ingredients, curated products with Nutri-Score and NOVA ratings. - [gbif](https://z87.ai/api/gbif/SKILL.md) — GBIF Backbone Taxonomy: 7.7 million taxa with full taxonomic hierarchy, synonym resolution, tree navigation, and full-text search across the tree of life. - [gutenberg](https://z87.ai/api/gutenberg/SKILL.md) — 60,000 Project Gutenberg books with chapter-level access, BM25 full-text search, cover art, illustrations, and AI-generated tags (genre, mood, era, locations, five-word summaries). - [holidays](https://z87.ai/api/holidays/SKILL.md) — 3,391 public holidays across 121 countries (2026–2027) - [home](https://z87.ai/api/home/SKILL.md) — Unified smart home device database - [jokes](https://z87.ai/api/jokes/SKILL.md) — 41,000 jokes from three sources, AI-tagged with category, rating, topics, and offensive score - [manpages](https://z87.ai/api/manpages/SKILL.md) — 142K Linux man pages with AI-generated cheat cards, category tags, use-frequency scores, and plain-english descriptions - [movies](https://z87.ai/api/movies/SKILL.md) — 360K+ movies with 40-axis taste profiles, cast, themes, ratings, and soundtrack data - [mtg](https://z87.ai/api/mtg/SKILL.md) — 29K Magic: The Gathering cards with synergy graph engine, combo detection, and Commander deck builder. - [music](https://z87.ai/api/music/SKILL.md) — 651K artists, 500K+ albums, 1M+ songs from MusicBrainz with genre, country, and member data - [osm](https://z87.ai/api/osm/SKILL.md) — 46M+ OpenStreetMap POIs with Hilbert-curve spatial index and BM25 text search - [podcast](https://z87.ai/api/podcast/SKILL.md) — 1M+ podcasts from PodcastIndex with categories, language, episode counts, popularity scores, and cadence estimates - [restaurants](https://z87.ai/api/restaurants/SKILL.md) — 10K London restaurants with menus, Michelin stars, ingredient category scores (seafood, meat, game, etc.), and capacity data - [solve](https://z87.ai/api/solve/SKILL.md) — Computation engine: symbolic algebra, statistics, regression, finance, graph algorithms, Monte Carlo simulation - [wikipedia](https://z87.ai/api/wikipedia/SKILL.md) — 7.2 million English Wikipedia articles with full markdown content, infoboxes, inter-article links, and geographic coordinates. - [wiktionary](https://z87.ai/api/wiktionary/SKILL.md) — 8M+ Wiktionary entries across 4,000+ languages Full index: [https://z87.ai/api/SKILL.md](https://z87.ai/api/SKILL.md)