Loading…
Case library · Public evidence
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Creative Studio Showcase</title> <link…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Create a mobile travel app UI mockup displayed inside a realistic iPhone-style phone frame, centered on a white webpage. Tech stack: React + TypeScript, Tailwind CSS, Lucide React icons,…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Create a mobile-first logistics company landing page for "CARGOX GROUP" displayed inside an iPhone 15 Pro mockup frame. Use React, TypeScript, Tailwind CSS, and the `motion` library…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a 404 "Page Not Found" hero page as a single full-viewport (100vh, no scroll) React + Vite + Tailwind CSS application using the DM Sans font and Google Material Symbols Rounded…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build Prompt: Cinematic Space-Travel Landing Page Build a single-page landing site with two full-height sections (Hero + Capabilities), both using looping background videos with custom JS…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
--- > **Setup requirements before building the section:** > > **Google Fonts** -- Load these in `index.html` `<head>`: > ```html > <link rel="preconnect"…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a full-screen hero section landing page for "Aurai" - an always-on AI wellness companion. The page is a single viewport-height section with a looping background video and overlaid…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a full-screen, single-page React + TypeScript + Vite + Tailwind CSS hero section with a "liquid glass" aesthetic on top of a looping background video. Use `lucide-react` for icons.…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Create a React + Tailwind CSS v4 + Motion (framer-motion successor) stats section component. Use Vite as the bundler. The section should be fully mobile responsive. ### Fonts Import from…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a single-page landing site for "SynapseX" -- a futuristic neural-AI interface product. The entire site uses a black background with white text and full-viewport video backgrounds.…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
Prompt
--- **Prompt:** Create a full-viewport section (100vh) that sits over a fixed background video. The section has no background color of its own -- it is fully transparent so the fixed video…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a React + TypeScript + Tailwind CSS single-page hero section using Vite. The entire page lives in `src/App.tsx`. No extra libraries beyond `react`, `react-dom`, `lucide-react`, and…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Create a fullscreen hero landing page for a creative studio called "Foldcraft" using React, Tailwind CSS, and Lucide React icons. The page is a single viewport-height section with a…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
Prompt
**Build a fullscreen hero section in a Vite + React + TypeScript + Tailwind CSS project. Use `gsap` and `lucide-react`. No other UI libraries.** ### Fonts (in `src/index.css`) Import at…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
Prompt
Build a 3D Creator portfolio landing page for "Jack" using React, TypeScript, Tailwind CSS, Framer Motion, and Lucide React. The page has a dark theme (#0C0C0C background) with the font…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a single-page React + TypeScript + Vite + Tailwind site that is a full-screen video-background landing page with a contact form. Use `lucide-react` for icons. **Layout & Sizing** -…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a single-page hero landing page for a product called "Axon" — a platform that deploys digital workers for mundane workflows. The page is a full-viewport hero section with a looping…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a "Projects / Case Studies" section as a React + TypeScript component using Tailwind CSS 3 and Framer Motion. Font is `'DM Sans', sans-serif` (Google Fonts:…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
--- Build a **Site Footer** for an aerospace company called "EngineTech." This is a black-background footer with an animated dotted top border, a four-column nav grid with a large heading,…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
**Build a single-page React + TypeScript landing page for a travel app called "Wandor" using Vite, Tailwind CSS, and lucide-react. The page is a full-viewport hero section with a looping…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Create a full-screen hero section landing page using React, Vite, and Framer Motion (`motion` package). Use plain CSS (no Tailwind). The font is Inter (weights 300, 400, 500, 600) from…
source-motionsites prompt-public not-rerun license-review web-ui
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…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a single full-viewport marketing landing page for **Boomerang**, a conversational AI platform for financial institutions. Tech: React + TypeScript + Vite + Tailwind CSS + Lucide…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a mobile wellness quiz screen inside a realistic phone frame mockup, centered on a white page. Use React with Tailwind CSS and Lucide React icons. **Phone Frame:** - Dimensions:…
