Loading…
Case library · Public evidence
Build a pixel-faithful recreation of the landing CTA section. Use React 18 + Vite + TypeScript, TailwindCSS, `framer-motion`, `clsx` + `tailwind-mer…
Prompt
Build a pixel-faithful recreation of the landing CTA section. Use React 18 + Vite + TypeScript, TailwindCSS, `framer-motion`, `clsx` + `tailwind-merge` as `cn()`. Dark theme background…
… Build a "Categories" section in React + Tailwind CSS with the following exact specifications: > > **Section Container:** > - Full-width `<section>`…
Prompt
--- **Prompt to recreate the "Categories" section:** > Build a "Categories" section in React + Tailwind CSS with the following exact specifications: > > **Section Container:** > -…
… + Vite + Tailwind CSS landing page with two full-screen sections for a luxury beauty/wellness brand called "Serene". Use TypeScript.** --- ### Font…
Prompt
**Build a React + Vite + Tailwind CSS landing page with two full-screen sections for a luxury beauty/wellness brand called "Serene". Use TypeScript.** --- ### Fonts (loaded via Google…
# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ## Tech stack - React + TypeScript + Vite - Tailwind CSS (config extends `fontFa…
Prompt
# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ## Tech stack - React + TypeScript + Vite - Tailwind CSS (config extends `fontFamily.sans` = `['"Albert Sans"',…
Recreate this EXACT weather dashboard UI as a single self-contained HTML page (inline CSS, SVG icon sprite, no frameworks, no JS required). Pixel-fa…
Prompt
Recreate this EXACT weather dashboard UI as a single self-contained HTML page (inline CSS, SVG icon sprite, no frameworks, no JS required). Pixel-faithful to the reference “Aurora Weather…
# Exact recreation prompt — NovaAI landing page Recreate this page **pixel-faithfully**. Stack: React + TypeScript + Vite + Tailwind CSS + lucide-re…
Prompt
# Exact recreation prompt — NovaAI landing page Recreate this page **pixel-faithfully**. Stack: React + TypeScript + Vite + Tailwind CSS + lucide-react. Do not invent alternate copy,…
Recreate this exact full-viewport portfolio landing page — pixel-perfect match. ═══════════════════════════════════════ TECH / STACK ═══════════════…
Prompt
Recreate this exact full-viewport portfolio landing page — pixel-perfect match. ═══════════════════════════════════════ TECH / STACK ═══════════════════════════════════════ - React +…
# PROMPT — Recreate "Mostar city" cinematic scroll page exactly Build a **single standalone page** (`index.html` + `styles.css` + `script.js`, vanil…
Prompt
# PROMPT — Recreate "Mostar city" cinematic scroll page exactly Build a **single standalone page** (`index.html` + `styles.css` + `script.js`, vanilla — no frameworks, no build step, no…
Recreate this exact full-viewport dark hero landing page for “ECHOID” — a voice-identity product for the E network. Match every detail below precise…
Prompt
Recreate this exact full-viewport dark hero landing page for “ECHOID” — a voice-identity product for the E network. Match every detail below precisely. Do not invent extra sections, cards,…
…ML + CSS + vanilla JS** (no framework). Match the current implementation exactly. File structure: ``` index.html styles.css main.js assets/log…
Prompt
Rebuild this as a **single-viewport, full-bleed video-background landing page** using static **HTML + CSS + vanilla JS** (no framework). Match the current implementation exactly. File…
Recreate this page EXACTLY as a single static HTML file (no frameworks, no React, no Tailwind, no GSAP). Two full-viewport dark sections stacked ver…
Prompt
Recreate this page EXACTLY as a single static HTML file (no frameworks, no React, no Tailwind, no GSAP). Two full-viewport dark sections stacked vertically. Smooth scroll. Antialiased…
Build a **single-file** `index.html` full-viewport poster. No scroll. No frameworks. No redesign. Match layout, type, color, both image URLs, entran…
Prompt
Build a **single-file** `index.html` full-viewport poster. No scroll. No frameworks. No redesign. Match layout, type, color, both image URLs, entrance choreography, mobile menu, and mouse…
…lucide-react` (for icons). The app should be contained entirely in `App.tsx` and `index.c…
Prompt
Please build a modern, two-column registration interface called "Aurora Sign Up". Use React, Tailwind CSS (v4), `motion/react` (for animations), and `lucide-react` (for icons). The app…
Generate cinematic videos from reference images and text prompts in 4K. Preserve subject identity and composition while adding expressive motion wit…
Prompt
Generate cinematic videos from reference images and text prompts in 4K. Preserve subject identity and composition while adding expressive motion with synchronized audio. Control camera…
Extreme close-up shot, young East Asian girl with messy wet black hair, head tilted sideways against rough concrete wall, eyes softly closed, slight…
Prompt
Extreme close-up shot, young East Asian girl with messy wet black hair, head tilted sideways against rough concrete wall, eyes softly closed, slightly parted lips under running tap water,…
Recreate this exact single-viewport landing page for **Vesper.ai**. Document title: `Vesper.ai — Operational AI Infrastructure`. `lang="en"`. One HT…
Prompt
Recreate this exact single-viewport landing page for **Vesper.ai**. Document title: `Vesper.ai — Operational AI Infrastructure`. `lang="en"`. One HTML file with inline CSS and a small IIFE…
…te a dark mode hero section for an AI website builder with the following exact specifications: ## Technical Setup ### Required Packages Install thes…
Prompt
Create a dark mode hero section for an AI website builder with the following exact specifications: ## Technical Setup ### Required Packages Install these packages: - `motion` (version…
… Tailwind CSS v4, and Motion. The application should match the following exact specifications: 1. Dependencies & Setup Libraries: Install lucide-rea…
Prompt
Build a modern, high-performance landing page section using React, TypeScript, Tailwind CSS v4, and Motion. The application should match the following exact specifications: 1. Dependencies…
…med RIVR showcasing a sleek, glassmorphism aesthetic. Please mimic these exact specifications to ensure a premium UI. Dependencies: - Use `lucide-re…
Prompt
Build a Hero section for a DeFi dashboard named RIVR showcasing a sleek, glassmorphism aesthetic. Please mimic these exact specifications to ensure a premium UI. Dependencies: - Use…
… a liquid glass UI effect, and a specific color/font system. Recreate it exactly as described b…
Prompt
Create an NFT landing page called "Orbis.Nft" with 4 sections, using a dark space theme. The page uses video backgrounds served from CloudFront, a liquid glass UI effect, and a specific…
… and `lucide-react` for icons. **Fonts (load via Google Fonts in `src/index.css`):** `…
Prompt
Build a full-viewport cinematic hero section for a travel brand called "Wanderful" using React + TypeScript + Vite + Tailwind CSS. Use GSAP for animation and `lucide-react` for icons.…
…before building the section:** > > **Google Fonts** -- Load these in `index.html` `<head>`: > ```html > <link rel="preconnect" href="https://fonts.g…
Prompt
--- > **Setup requirements before building the section:** > > **Google Fonts** -- Load these in `index.html` `<head>`: > ```html > <link rel="preconnect"…
Recreate this page **pixel-faithfully**. Single full-viewport hero. React + Tailwind CSS. No cards, no purple, no Inter/Roboto. Black/cream editoria…
Prompt
Recreate this page **pixel-faithfully**. Single full-viewport hero. React + Tailwind CSS. No cards, no purple, no Inter/Roboto. Black/cream editorial portfolio look. --- ## Stack & page…
…r icons. No other UI libraries. ### Fonts Import via Google Fonts in `index.css`: - **Inter** …
Prompt
Build a single-page landing site for "Drift" -- a calm, ADHD-friendly planner app. Use React + Vite + TypeScript + Tailwind CSS + lucide-react for icons. No other UI libraries. ### Fonts…
