Loading…
Case library · Public evidence
source-motionsites prompt-public not-rerun license-review web-ui
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.…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a `PricingSection` React component that matches the spec below exactly. ## Stack & global setup - React 18 + Vite + TypeScript, TailwindCSS, `framer-motion`, `clsx` +…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a standalone React + TypeScript + Tailwind CSS section component. This is a fragrance product showcase split into two halves: a looping video on the LEFT and a lime-green product…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a single React + TypeScript section using Tailwind CSS. No extra libraries. Fully mobile-responsive. Black background, white text. ## Global Prerequisites - Font: `@import…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Build a full-page 404 error page for a hosting company called "NEXOVA". The entire page is a single viewport-height layout with a looping background video, a navigation bar, a centered…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
Prompt
Create a high-performance, interactive 3D horizontal cylinder carousel showing premium animated bank cards. Core Features & Interactions: Use React (useState, useEffect, useRef), Tailwind…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
**Create a single-page landing hero section for a creative agency called "Alwayzz" with a React + Vite + Tailwind CSS setup. Use custom CSS (not Tailwind utilities) for all styling. The…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
## Prompt to Recreate CozyPaws Hero Section **Build a single-page "CozyPaws" pet store hero section using React, Tailwind CSS, and Lucide React icons. The layout is viewport-height…
source-motionsites prompt-public not-rerun license-review web-ui
Prompt
Create a mobile app showcase page displaying 3 iPhone mockups for "Christ Family Church" -- a church website mobile design. Use React Native with Expo Router, react-native-reanimated, and…
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…
