Case library · Public evidence
No news summaries—only cases that point to finished work, creators, process, and original sources. Rankings, favorites, creator pages, and retests all grow from the same case.
Creator MotionSites →
Build a single, self-contained `index.html` file — no build step, no external requests except one video URL, no frameworks, no dependencies. Everyth…
Prompt
Build a single, self-contained `index.html` file — no build step, no…
Creator MotionSites →
Recreate a single-file dark cinematic AI-infrastructure landing page EXACTLY as specified. Deliver one self-contained index.html (inline CSS + JS, n…
Prompt
Recreate a single-file dark cinematic AI-infrastructure landing page…
Creator MotionSites →
Recreate this page as a single self-contained index.html file — pixel-faithful to the Falcon AI Operations Overview triptych. No frameworks, no exte…
Prompt
Recreate this page as a single self-contained index.html file —…
Creator MotionSites →
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…
.webp)
Creator MotionSites →
…er Motion. The section sits on a dark background (`#0f0f0f`) with white text. Font is `'DM Sans', sans-serif` (loaded via Google Fonts: `https://fon…
Prompt
Build an "Our Comprehensive Branding Approach" section as a React…
.webp)
Creator MotionSites →
…(`@tailwindcss/vite`), and `motion` (from `motion/react`). ### Fonts (index.css) ```css @import url('https://fonts.googleapis.com/css2?family=Italia…
Prompt
--- ## Prompt Create a single full-page section with a solid `#FF0000`…

Creator MotionSites →
…lucide-react` (for icons). The app should be contained entirely in `App.tsx` and `index.css`. ### 1. Global Setup & CSS (`index.css`) - Import the "…
Prompt
Please build a modern, two-column registration interface called "Aurora…
.webp)
Creator MotionSites →
Build a "Behind the Lens" photography blog section with the following exact specifications: **Layout and Structure:** - White background page, max-w…
Prompt
Build a "Behind the Lens" photography blog section with the following…
.webp)
Creator MotionSites →
… and Tailwind CSS. Here is every detail: --- FONTS Load two fonts in `index.html` via these stylesheet links: - Heading: `https://db.onlinewebfonts.…
Prompt
Build a full-screen hero landing page for a creative agency called…
.webp)
Creator MotionSites →
…s. Use the Inter font. The page is fully mobile-responsive. Here are the exact specifications: --- **BACKGROUND:** - A full-screen autoplaying, loop…
Prompt
Build a full-screen hero section using React, Tailwind CSS, Framer…
.webp)
Creator MotionSites →
…video, a shiny gradient headline, a macOS-style menu bar, a realistic inbox mockup, and a custom "liquid-glass" card treatment. ## Stack / setup - `…
Prompt
Build a premium, AI-native email client landing page called "Aura" using…
.webp)
Creator MotionSites →
…stall `react-player` and `gsap`. ### 2. Globals & Configuration (`src/index.css`) Replace `index.css` with this exact Tailwind v4 and Google Fonts c…
Prompt
Create a single full-viewport (`h-[100dvh]`) Nike-branded section in…

Creator MotionSites →
…se React, TypeScript, Tailwind CSS, and Lucide React icons. Here are the exact specifications: Background Video: Full-screen muted autoplaying video…
Prompt
Build a single-page hero section with a full-screen looping background…
.webp)
Creator MotionSites →
…gle-page React + TypeScript (Vite)** landing hero for a product called **"Xero"** that recreates the following section exactly. Use the **Inter** Go…
Prompt
Build a **single-page React + TypeScript (Vite)** landing hero for a…
.webp)
Creator MotionSites →
…single-page hero landing for a wellness/supplements brand called "TerraElix" using React + Tailwind CSS + Lucide React icons. The page is a full-vie…
Prompt
Create a single-page hero landing for a wellness/supplements brand called…

Creator MotionSites →
Build a React landing page exactly as specified below. Use React 19, Tailwind CSS v4, and motion/react for animations. 1. Fonts & Global CSS Setup: …
Prompt
Build a React landing page exactly as specified below. Use React 19,…
.webp)
Creator MotionSites →
…cide-react** for icons (`LogIn`, `UserPlus`, `Play`, `Sparkles`, `Menu`, `X`) - No Framer Motion -- all animations are CSS `transition-*` classes --…
Prompt
### Stack - **Vite** + **React 18** + **TypeScript** - **Tailwind CSS…
.webp)
Creator MotionSites →
… is a character-figurine carousel called "TOONHUB". **Fonts (load in `index.html` head):** ```html <link rel="preconnect" href="https://fonts.google…
Prompt
Build a single full-viewport hero section in React + TypeScript + Vite +…

Creator MotionSites →
… responsive, full-viewport hero section for a PR-agency SaaS called "Convix Software" with these exact specs: Page Frame Outer wrapper: min-h-screen…
Prompt
Build a fully responsive, full-viewport hero section for a PR-agency SaaS…
.webp)
Creator MotionSites →
…eact` ^5.0.4 - `typescript` ~5.8.2 Fonts (loaded via Google Fonts in `index.css`): - Sans: Inter (weights: 300, 400, 500, 600) - Mono: JetBrains Mon…
Prompt
Project Setup Stack: React 19 + Vite 6 + Tailwind CSS 4 + Motion (Framer…

Creator MotionSites →
…nherit on *. Tailwind base + components + utilities at the top of src/index.css. Page wrapper: flex flex-col bg-[#F5F5F5]. The first section (Navbar…
Prompt
Build a premium, fintech-style landing page for a stablecoin product…

Creator MotionSites →
…matic with a warm cream color palette. FONTS Load two Google Fonts in index.html: Almarai (weights: 300, 400, 700, 800) -- used as the global defaul…
Prompt
Create a React + Vite + TypeScript + Tailwind CSS landing page for a…
.webp)
Creator MotionSites →
… font:** "Helvetica Now Display Bold" -- load via this stylesheet in `index.html`: ``` <link href="https://db.onlinewebfonts.com/c/04e6981992c0e2e76…
Prompt
Build a password manager landing page hero section using React,…
.webp)
Creator MotionSites →
…ll the viewport - Video URL: `https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260619_191346_9d19d66e-86a4-47f7-8dc6-712c1…
Prompt
Create a full-screen cinematic hero section using React, Tailwind CSS,…