[{"id":"orbis-nft-landing","title":"Orbis NFT","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/orbis-nft-landing-poster-c.jpg","image":"/web/prompt-previews/orbis-nft-landing-preview.mp4","video":null,"chars":7826,"locked":true,"preview":"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 …"},{"id":"creative-studio","title":"Creative Studio","category":"Agency","tier":"premium","poster":"/web/prompt-previews/creative-studio-poster.webp","image":"/web/prompt-previews/creative-studio-preview.webp","video":"/web/media/preview_videos/creative-studio.mp4","chars":5406,"locked":true,"preview":"Build a full-screen hero section using React, Tailwind CSS, Framer Motion, and Lucide React icons. Use the Inter font. The page is fully mobile-responsive …"},{"id":"oyla","title":"OYLA","category":"Ecommerce","tier":"premium","poster":"/web/prompt-previews/oyla-poster.jpg","image":"/web/prompt-previews/oyla-preview.mp4","video":"","chars":73498,"locked":true,"preview":"**Build a luxury handcrafted jewelry brand landing page for \"OYLA\" — a single-page app using Vite + Express with an `index.html` entry point served through …"},{"id":"bookedup","title":"BookedUp","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/bookedup-poster.webp","image":"/web/prompt-previews/bookedup-preview.webp","video":"/web/media/preview_videos/bookedup.mp4","chars":5505,"locked":true,"preview":"Create a modern Hero Section web application using React (TypeScript), Tailwind CSS v4, motion/react, and lucide-react for icons. Implement the exact layout …"},{"id":"404","title":"Nexto 404","category":"Misc","tier":"premium","poster":"/web/prompt-previews/404-preview-c.jpg","image":"/web/prompt-previews/404-preview.png","video":null,"chars":5689,"locked":true,"preview":"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 …"},{"id":"bl","title":"Bloom","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/bl-poster.webp","image":"/web/prompt-previews/bl-poster.webp","video":"/web/media/preview_videos/bl.mp4","chars":41299,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Bloom</title> …"},{"id":"prompt-hero","title":"PROMPT","category":"Landing Page","tier":"free","poster":"/web/prompt-previews/prompt-hero-poster.jpg","image":"/web/prompt-previews/prompt-hero-preview.mp4","video":"","chars":42191,"locked":false,"preview":"### Overview Build a full-screen, scroll-driven fashion/archive landing page for a brand called \"prmpt\". The page has two main phases: 1. **Hero phase** (first 100vh of scroll): Full-viewport video background with …"},{"id":"ai-automation","title":"AI Automation","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/ai-automation-poster.webp","image":"/web/prompt-previews/ai-automation-preview.webp","video":"/web/media/preview_videos/ai-automation.mp4","chars":9049,"locked":true,"preview":"Build a React + Vite + Tailwind CSS landing page for an AI agency called \"COGNITRA\". Use `framer-motion` for animations and `lucide-react` for …"},{"id":"future-state","title":"Future-State","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/future-state-poster.webp","image":"/web/prompt-previews/future-state-poster.webp","video":"/web/media/preview_videos/future-state.mp4","chars":22926,"locked":true,"preview":"Build a dark, cinematic single-page landing site for an AI product called NOVA_AI using Vite + React + TypeScript + Tailwind CSS, with icons from …"},{"id":"art-landing","title":"Art Landing","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/art-landing-poster.webp","image":"/web/prompt-previews/art-landing-preview.webp","video":"/web/media/preview_videos/art-landing.mp4","chars":5829,"locked":true,"preview":"Build a two-section scroll-based landing page using React 19, TypeScript, Vite, Tailwind CSS v4, and `motion/react` (Framer Motion). The page uses Manrope …"},{"id":"dreamcore-landing","title":"Dreamcore Landing","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/dreamcore-landing-poster-c.jpg","image":"/web/prompt-previews/dreamcore-landing-preview.webp","video":"/web/media/preview_videos/dreamcore-landing.mp4","chars":45134,"locked":true,"preview":"Build a single-page immersive scroll experience called \"Step Into Wonder\" as a React 18 + TypeScript + Vite + Tailwind CSS app. The entire page is one …"},{"id":"pulse-3d","title":"Pulse 3D","category":"3D Website","tier":"premium","poster":"/web/prompt-previews/pulse-3d-poster.webp","image":"/web/prompt-previews/pulse-3d-preview.webp","video":"/web/media/preview_videos/pulse-3d.mp4","chars":20709,"locked":true,"preview":"## PROJECT OVERVIEW Build a **single-screen, scroll-driven, custom-gesture landing page** called **\"Inner Circle\"**. There is **no native browser scrolling** …"},{"id":"modern-hr-dashboard","title":"Modern HR Dashboard","category":"Dashboard","tier":"premium","poster":"/web/prompt-previews/modern-hr-dashboard-preview-c.jpg","image":"/web/prompt-previews/modern-hr-dashboard-preview.png","video":null,"chars":13263,"locked":true,"preview":"**Build an HR dashboard called \"Talvex\" using React, TypeScript, Vite, Tailwind CSS, Recharts, and Lucide React icons. The page must be fully responsive …"},{"id":"13","title":"Framelix 3D Studios","category":"Agency","tier":"premium","poster":"/web/prompt-previews/13-poster-c.jpg","image":"/web/prompt-previews/13-preview.mp4","video":null,"chars":2827,"locked":true,"preview":"Create a dark-themed landing page for \"Framelix 3D\" — a cinematic motion studio brand. The entire …"},{"id":"ai-image-generator-ui","title":"AI Image Generator UI","category":"AI","tier":"premium","poster":"/web/prompt-previews/ai-image-generator-ui-preview-c.jpg","image":"/web/prompt-previews/ai-image-generator-ui-preview.png","video":null,"chars":4480,"locked":true,"preview":"Build a \"Core Features\" marketing section as a single centered component with three gradient cards. Use the Inter font family (weights 400, 500, 600) loaded …"},{"id":"layered-depth","title":"Layered Depth","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/layered-depth-poster-c.jpg","image":"/web/prompt-previews/layered-depth-preview.webp","video":"/web/media/preview_videos/layered-depth.mp4","chars":31550,"locked":true,"preview":"Create a React + Vite + TypeScript + Tailwind CSS landing page for an architecture studio called \"Qelora\". The page has exactly two sections: a Hero and a …"},{"id":"blog-showcase","title":"Blog Showcase","category":"Blog","tier":"premium","poster":"/web/prompt-previews/blog-showcase-poster.webp","image":"/web/prompt-previews/blog-showcase-preview.webp","video":"/web/media/preview_videos/blog-showcase.mp4","chars":3851,"locked":true,"preview":"Build a \"Behind the Lens\" photography blog section with the following exact specifications: **Layout and Structure:** - White background page, max-width …"},{"id":"stellar-launch","title":"Stellar Launch","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/stellar-launch-poster.webp","image":"/web/prompt-previews/stellar-launch-preview.webp","video":"/web/media/preview_videos/stellar-launch.mp4","chars":10193,"locked":true,"preview":"Build a Launchex Awards landing page using React + Vite + Tailwind CSS + TypeScript + lucide-react. The page has 3 sections plus persistent overlay …"},{"id":"14","title":"Logoisum Video Agency","category":"Agency","tier":"premium","poster":"/web/prompt-previews/14-poster-c.jpg","image":"/web/prompt-previews/14-preview.mp4","video":null,"chars":1487,"locked":true,"preview":"Build a premium, high-end hero section for a video editing agency named 'Logoisum' with the following specifications: Background: Implement a full-screen …"},{"id":"19","title":"Viktor Portfolio","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/19-poster-c.jpg","image":"/web/prompt-previews/19-preview.mp4","video":null,"chars":2535,"locked":true,"preview":"Build a high-end, cinematic 2-page architectural portfolio using React, Tailwind CSS, and Framer Motion (motion/react). The aesthetic is minimalist …"},{"id":"20","title":"Space Voyage","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/20-poster-c.jpg","image":"/web/prompt-previews/20-preview.mp4","video":null,"chars":5599,"locked":true,"preview":"Build a full-screen cinematic hero section for a space travel website using React, Vite, TypeScript, Tailwind CSS, and the …"},{"id":"21","title":"Buzzentic Agency","category":"Agency","tier":"premium","poster":"/web/prompt-previews/21-poster-c.jpg","image":"/web/prompt-previews/21-preview.mp4","video":null,"chars":2005,"locked":true,"preview":"Project Requirements: Build a high-impact, full-screen React hero section using Tailwind CSS v4 and custom typography. 1. Background & Layout: Full-Screen …"},{"id":"3d-jack-portfolio-hero","title":"3D Jack Portfolio","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/3d-jack-portfolio-hero-poster-c.jpg","image":"/web/prompt-previews/3d-jack-portfolio-hero-preview.mp4","video":null,"chars":43108,"locked":true,"preview":"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 …"},{"id":"acreage-farming-hero","title":"Acreage Farming","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/acreage-farming-hero-poster-c.jpg","image":"/web/prompt-previews/acreage-farming-hero-preview.mp4","video":null,"chars":124,"locked":true,"preview":"Precision farming landing page with dark/light sections, hero video …"},{"id":"aerocore","title":"AeroCore","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/aerocore-poster.webp","image":"/web/prompt-previews/aerocore-preview.webp","video":"/web/media/preview_videos/aerocore.mp4","chars":111310,"locked":true,"preview":"<!doctype html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <meta …"},{"id":"ai-designer-agency","title":"AI Designer Agency","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/ai-designer-agency-poster-c.jpg","image":"/web/prompt-previews/ai-designer-agency-preview.mp4","video":null,"chars":7306,"locked":true,"preview":"Prompt to recreate this landing page: Build a dark-themed, single-page landing page for an AI web design agency called \"VIRALMEDIA\". The design uses a pure …"},{"id":"akor-security-landing","title":"AKOR Security","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/akor-security-landing-poster-c.jpg","image":"/web/prompt-previews/akor-security-landing-preview.mp4","video":null,"chars":4781,"locked":true,"preview":"Create a dark-themed single-page landing site for \"AKOR — Intelligent Security Systems\" using React, Tailwind CSS, and the Sora font (Google Fonts …"},{"id":"apex-saas-hero","title":"Apex SaaS","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/apex-saas-hero-poster-c.jpg","image":"/web/prompt-previews/apex-saas-hero-preview.mp4","video":null,"chars":5212,"locked":true,"preview":"Build a dark SaaS landing page with three sections: a floating glassmorphic navbar, a hero section, and a social proof section with a background video. Use …"},{"id":"auramail","title":"AuraMail","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/auramail-poster.webp","image":"/web/prompt-previews/auramail-preview.webp","video":"/web/media/preview_videos/auramail.mp4","chars":10980,"locked":true,"preview":"# Full Recreation Prompt — Aura Hero Section Build a premium, Apple-inspired dark landing page hero for \"Aura\" — an AI email app — using **React 18 + …"},{"id":"bionova-hero","title":"Bionova Biotech","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/bionova-hero-poster-c.jpg","image":"/web/prompt-previews/bionova-hero-preview.mp4","video":null,"chars":3902,"locked":true,"preview":"Create a \"BIONOVA\" biotech consulting hero section that spans exactly 100vh on desktop (scrollable on mobile). Use Poppins font (imported from Google Fonts) …"},{"id":"clubx-hero","title":"ClubX Investors","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/clubx-hero-poster-c.jpg","image":"/web/prompt-previews/clubx-hero-preview.mp4","video":null,"chars":2782,"locked":true,"preview":"Create a full-screen hero landing page for \"ClubX\" — a private tech investor club. The page should have: Background: A looping, muted, autoplaying video …"},{"id":"codenest-hero","title":"CodeNest Coding Platform","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/codenest-hero-poster-c.jpg","image":"/web/prompt-previews/codenest-hero-preview.mp4","video":null,"chars":2581,"locked":true,"preview":"Create a high-end, dark-themed hero section for a coding education platform called 'CodeNest' using React and Tailwind CSS. The design must be responsive and …"},{"id":"codercrest-hero","title":"CoderCrest","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/codercrest-hero-poster.png","image":"/web/prompt-previews/codercrest-hero-preview.mp4","video":null,"chars":13089,"locked":true,"preview":"Create a React + TypeScript component named HeroSection in src/components/HeroSection.tsx using Tailwind CSS and the hls.js npm package (install it: npm …"},{"id":"convix-software-hero","title":"SAAS Software","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/convix-software-hero-poster-c.jpg","image":"/web/prompt-previews/convix-software-hero-preview.mp4","video":null,"chars":5512,"locked":true,"preview":"Build a fully responsive, full-viewport hero section for a PR-agency SaaS called \"Convix Software\" with these exact specs: Page Frame Outer wrapper …"},{"id":"dashboard","title":"Dashboard UI","category":"Dashboard","tier":"premium","poster":"/web/prompt-previews/dashboard-poster.webp","image":"/web/prompt-previews/dashboard-preview.webp","video":"/web/media/preview_videos/dashboard.mp4","chars":8975,"locked":true,"preview":"Build a premium **Conference Dashboard** in **React + TypeScript + Vite + Tailwind** with a **liquid glassmorphism** aesthetic. Use **lucide-react** for …"},{"id":"datacore-booking-hero","title":"Datacore Booking","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/datacore-booking-hero-poster-c.jpg","image":"/web/prompt-previews/datacore-booking-hero-preview.mp4","video":null,"chars":2751,"locked":true,"preview":"Create a responsive, full-screen hero section for a web application using React and Tailwind CSS. Design System & Assets: Fonts: Load and use 'Manrope' (for …"},{"id":"design-rocket-email-hero","title":"Email Marketing","category":"Email Marketing","tier":"premium","poster":"/web/prompt-previews/design-rocket-email-hero-poster-c.jpg","image":"/web/prompt-previews/design-rocket-email-hero-preview.mp4","video":null,"chars":7749,"locked":true,"preview":"Prompt: Recreate \"Design Rocket Certificates\" Email-Style Landing Page Build a single-page React + TypeScript + Vite + Tailwind CSS project that renders an …"},{"id":"digital-reality-hero","title":"Digital Reality","category":"Social Media","tier":"premium","poster":"/web/prompt-previews/digital-reality-hero-poster-c.jpg","image":"/web/prompt-previews/digital-reality-hero-preview.mp4","video":null,"chars":4227,"locked":true,"preview":"Build a React functional component using Tailwind CSS that replicates a cinematic, glassmorphic social media post or digital portfolio hero section …"},{"id":"digitwist-hero","title":"Digitwist AI Builder","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/digitwist-hero-poster-c.jpg","image":"/web/prompt-previews/digitwist-hero-preview.mp4","video":null,"chars":6001,"locked":true,"preview":"Create a dark mode hero section for an AI website builder with the following exact specifications: ## Technical Setup ### Required Packages Install these …"},{"id":"ecommerce-website-landing","title":"E-commerce Website","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/ecommerce-website-landing-poster-c.jpg","image":"/web/prompt-previews/ecommerce-website-landing-preview.mp4","video":null,"chars":5130,"locked":true,"preview":"Prompt to recreate this landing page: Build a health/wellness e-commerce landing page using React, Vite, Tailwind CSS, TypeScript, and shadcn/ui. The design …"},{"id":"email-landing-page","title":"Email Landing Page","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/email-landing-page-poster.webp","image":"/web/prompt-previews/email-landing-page-preview.webp","video":"/web/media/preview_videos/email-landing-page.mp4","chars":19281,"locked":true,"preview":"Build a premium, AI-native email client landing page called \"Aura\" using **React 18 + TypeScript + Vite + Tailwind CSS + motion/react (framer motion) + …"},{"id":"evergreen-finance","title":"Evergreen Finance","category":"Fintech","tier":"premium","poster":"/web/prompt-previews/evergreen-finance-poster-c.jpg","image":"/web/prompt-previews/evergreen-finance-preview.webp","video":"/web/media/preview_videos/evergreen-finance.mp4","chars":10258,"locked":true,"preview":"Build a \"Kova\" fintech landing page in React + Vite + Tailwind CSS + Framer Motion + Lucide React. The page has 3 sections: a full-screen Hero with a …"},{"id":"finlytic-hero","title":"Finlytic AI Agent","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/finlytic-hero-poster-c.jpg","image":"/web/prompt-previews/finlytic-hero-preview.mp4","video":null,"chars":3041,"locked":true,"preview":"Build a hero section with the following exact specifications: Overall Layout: Full-width section with background: #000000 (pure black) Overflow hidden …"},{"id":"flowmate-landing","title":"FlowMate","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/flowmate-landing-poster-c.jpg","image":"/web/prompt-previews/flowmate-landing-preview.mp4","video":null,"chars":6544,"locked":true,"preview":"Create a modern, production-ready landing page for \"FlowMate\" - an AI workflow automation platform. Use React, TypeScript, Vite, Tailwind CSS, Framer Motion …"},{"id":"focus-ai-landing","title":"Focus AI","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/focus-ai-landing-poster-c.jpg","image":"/web/prompt-previews/focus-ai-landing-preview.mp4","video":null,"chars":10429,"locked":true,"preview":"Build a Velorah landing page -- a premium, dark-themed single-page site for an electric RV/camper brand. Use React, TypeScript, Tailwind CSS, and the hls.js …"},{"id":"grow-ai-hero","title":"Grow AI Talent Platform","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/grow-ai-hero-poster-c.jpg","image":"/web/prompt-previews/grow-ai-hero-preview.mp4","video":null,"chars":5412,"locked":true,"preview":"Build a dark-themed landing page hero section with a navbar, headline, CTA button, background video with fade-in/out loop, and a logo marquee. Use React + …"},{"id":"guardnet-landing","title":"Guardnet","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/guardnet-landing-poster-c.jpg","image":"/web/prompt-previews/guardnet-landing-preview.mp4","video":null,"chars":9216,"locked":true,"preview":"Build a single-page React + TypeScript + Vite + Tailwind CSS landing page for a security/privacy brand called guardnet. Use lucide-react only if needed; do …"},{"id":"innovation-landing","title":"Innovation","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/innovation-landing-poster-c.jpg","image":"/web/prompt-previews/innovation-landing-preview.mp4","video":null,"chars":8640,"locked":true,"preview":"RECREATION PROMPT Build a single-page landing site using React + TypeScript + Vite + Tailwind CSS + framer-motion + lucide-react. The entire page …"},{"id":"liquid-glass-agency","title":"Liquid Glass Agency","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/liquid-glass-agency-poster-c.jpg","image":"/web/prompt-previews/liquid-glass-agency-preview.mp4","video":null,"chars":13354,"locked":true,"preview":"Build a dark, premium, single-page landing page for an AI-powered web design agency using React + Vite + Tailwind CSS + shadcn/ui + Framer Motion …"},{"id":"luxury-botanical","title":"Luxury Botanical","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/luxury-botanical-poster.webp","image":"/web/prompt-previews/luxury-botanical-preview.webp","video":"/web/media/preview_videos/luxury-botanical.mp4","chars":35289,"locked":true,"preview":"<!doctype html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /> <title>Bentley — …"},{"id":"luxury-editorial-ecommerce-design","title":"Luxury Ecommerce Design","category":"Ecommerce","tier":"premium","poster":"/web/prompt-previews/luxury-editorial-ecommerce-design-poster-c.jpg","image":"/web/prompt-previews/luxury-editorial-ecommerce-design-preview.webp","video":"/web/media/preview_videos/luxury-editorial-ecommerce-design.mp4","chars":9288,"locked":true,"preview":"Create a React + Tailwind CSS beauty/skincare brand landing page called \"STRETCH\" with 3 sections. Use Vite, React 18, TypeScript, Tailwind CSS, and …"},{"id":"mindloop-hero","title":"Mindloop","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/mindloop-hero-poster-c.jpg","image":"/web/prompt-previews/mindloop-hero-preview.mp4","video":null,"chars":2884,"locked":true,"preview":"Create a full-screen hero section with a background video, navbar, and centered content. Use a dark theme with all white text. Background Video: Full-screen …"},{"id":"mindloop-landing","title":"Mindloop Landing","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/mindloop-landing-poster-c.jpg","image":"/web/prompt-previews/mindloop-landing-preview.mp4","video":null,"chars":7017,"locked":true,"preview":"Build a dark monochrome landing page called Mindloop — a newsletter/content platform. Use React + Vite + TypeScript + Tailwind CSS + shadcn/ui + Framer …"},{"id":"minimal-workflow-saas","title":"Minimal Workflow SaaS","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/minimal-workflow-saas-poster.webp","image":"/web/prompt-previews/minimal-workflow-saas-preview.webp","video":"/web/media/preview_videos/minimal-workflow-saas.mp4","chars":10821,"locked":true,"preview":"React 19 + TypeScript + Vite 6 Tailwind CSS v4 (via …"},{"id":"modern-agency","title":"Modern Agency","category":"Agency","tier":"premium","poster":"/web/prompt-previews/modern-agency-poster-c.jpg","image":"/web/prompt-previews/modern-agency-preview.webp","video":"/web/media/preview_videos/modern-agency.mp4","chars":9903,"locked":true,"preview":"Build a React + Vite + Tailwind CSS landing page for \"Axion Studio\" - a design agency site. Use the `shaders` package (npm: `shaders`) for the hero …"},{"id":"mythic-naturecore","title":"Mythic Naturecore","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/mythic-naturecore-poster.webp","image":"/web/prompt-previews/mythic-naturecore-preview.webp","video":"/web/media/preview_videos/mythic-naturecore.mp4","chars":7846,"locked":true,"preview":"Recreate a high-fidelity, premium interactive landing page named \"Reverie\" using React, TypeScript, and a combination of Tailwind CSS and inline styles. The …"},{"id":"neo-museum","title":"Neo Museum","category":"Website","tier":"premium","poster":"/web/prompt-previews/neo-museum-poster.webp","image":"/web/prompt-previews/neo-museum-preview.webp","video":"/web/media/preview_videos/neo-museum.mp4","chars":14727,"locked":true,"preview":"Project Setup Stack: React 19 + Vite 6 + Tailwind CSS 4 + Motion (Framer Motion) + Lucide React icons + TypeScript package.json dependencies: - `react` …"},{"id":"neovision-landing","title":"NeoVision","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/neovision-landing-poster-c.jpg","image":"/web/prompt-previews/neovision-landing-preview.mp4","video":null,"chars":8389,"locked":true,"preview":"Build a modern, futuristic landing page using React + Vite + TypeScript + Tailwind CSS. Use lucide-react for icons. The page has 3 sections: a Hero, an About …"},{"id":"neuralyn-hero","title":"Neuralyn","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/neuralyn-hero-poster-c.jpg","image":"/web/prompt-previews/neuralyn-hero-preview.mp4","video":null,"chars":5192,"locked":true,"preview":"Create a dark landing page for \"Neuralyn\" — an analytics dashboard SaaS. Use React + Vite + Tailwind CSS + TypeScript + Framer Motion + shadcn/ui. Fonts …"},{"id":"nexacore-hero","title":"NexaCore","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/nexacore-hero-poster-c.jpg","image":"/web/prompt-previews/nexacore-hero-preview.mp4","video":null,"chars":12945,"locked":true,"preview":"Build a React + TypeScript + Vite + Tailwind CSS landing page for \"NexaCore\" — an enterprise infrastructure operations platform. Use lucide-react for icons …"},{"id":"nexora-hero","title":"Nexora Automation","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/nexora-hero-poster-c.jpg","image":"/web/prompt-previews/nexora-hero-preview.mp4","video":null,"chars":5269,"locked":true,"preview":"Create a SaaS landing page hero section with the following exact specifications: Page Layout The entire page is h-screen flex flex-col bg-background …"},{"id":"nickel-hero","title":"Nickel Payments","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/nickel-hero-poster-c.jpg","image":"/web/prompt-previews/nickel-hero-preview.mp4","video":null,"chars":2586,"locked":true,"preview":"Create a landing page hero section with a floating navbar. Use React, Tailwind CSS, and shadcn/ui. Design System (index.css): Background: 249 18% 95% (warm …"},{"id":"nike-premium-landing","title":"Nike Premium Landing","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/nike-premium-landing-poster-c.jpg","image":"/web/prompt-previews/nike-premium-landing-preview.mp4","video":null,"chars":18176,"locked":true,"preview":"Create a high-end, interactive Nike hero landing page with two scrolling sections. The app requires `react-player` and `gsap` for animations and interactive …"},{"id":"nimbus-grid","title":"Nimbus Grid","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/nimbus-grid-poster.webp","image":"/web/prompt-previews/nimbus-grid-preview.webp","video":"/web/media/preview_videos/nimbus-grid.mp4","chars":16697,"locked":true,"preview":"Build a single-page marketing site called **Nimbus Grid** — a fictional secure cloud storage capacity platform. Use plain HTML, CSS, and vanilla JS (Vite …"},{"id":"nova-space-landing","title":"NOVA Space Systems","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/nova-space-landing-poster-c.jpg","image":"/web/prompt-previews/nova-space-landing-preview.mp4","video":null,"chars":4882,"locked":true,"preview":"Build a NOVA Space Launch Systems landing page — a dark, minimal aerospace website using React + Vite + Tailwind CSS + TypeScript + shadcn/ui. The aesthetic …"},{"id":"orbit-engineers","title":"Orbit Engineers","category":"Agency","tier":"premium","poster":"/web/prompt-previews/orbit-engineers-preview-c.jpg","image":"/web/prompt-previews/orbit-engineers-preview.png","video":null,"chars":5288,"locked":true,"preview":"Create a single-page landing page for a fictional space engineering consultancy called \"WE ARE ORBIT ENGINEERS\". The page has 3 full-screen hero sections …"},{"id":"orbit-web3-hero","title":"Orbit Web3","category":"Web3","tier":"premium","poster":"/web/prompt-previews/orbit-web3-hero-poster-c.jpg","image":"/web/prompt-previews/orbit-web3-hero-preview.mp4","video":null,"chars":3144,"locked":true,"preview":"Create a dark, cinematic hero landing page with these exact specifications: Font: Google Font Instrument Serif (serif), loaded via <link …"},{"id":"planet-orbit-hero","title":"Planet Orbit","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/planet-orbit-hero-poster-c.jpg","image":"/web/prompt-previews/planet-orbit-hero-preview.mp4","video":null,"chars":3149,"locked":true,"preview":"Create a dark SaaS landing page hero section with the following exact specifications: Font: Geist Sans (400, 500, 600, 700 weights) via …"},{"id":"portfolio-cosmic-hero","title":"Portfolio Cosmic","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/portfolio-cosmic-hero-poster-c.jpg","image":"/web/prompt-previews/portfolio-cosmic-hero-preview.mp4","video":null,"chars":8253,"locked":true,"preview":"Prompt to recreate this landing page: Build a single-page dark portfolio landing page using React + Vite + Tailwind CSS + TypeScript + GSAP + Framer Motion + …"},{"id":"price-calculator","title":"Price Calculator","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/price-calculator-poster-c.jpg","image":"/web/prompt-previews/price-calculator-preview.mp4","video":null,"chars":3168,"locked":true,"preview":"Recreate Project Estimation Calculator Section Create a full-width dark calculator section with id calculator-section. Background: bg-background, padding …"},{"id":"prisma-landing","title":"Prisma Creative Studio","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/prisma-landing-poster-c.jpg","image":"/web/prompt-previews/prisma-landing-preview.mp4","video":null,"chars":31920,"locked":true,"preview":"Create a React + Vite + TypeScript + Tailwind CSS landing page for a creative studio called \"Prisma\". The page has 3 sections: Hero, About, and Features. Use …"},{"id":"pro-ai-deck","title":"Pro AI Deck","category":"Presentation","tier":"premium","poster":"/web/prompt-previews/pro-ai-deck-poster-c.jpg","image":"/web/prompt-previews/pro-ai-deck-preview.mp4","video":null,"chars":19412,"locked":true,"preview":"PROMPT TO RECREATE STUDIO PITCH DECK SLIDES Create a full-screen slide deck presentation app using React, TypeScript, Vite, Tailwind CSS, Motion …"},{"id":"rivr-defi-landing","title":"RIVR DeFi","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/rivr-defi-landing-poster-c.jpg","image":"/web/prompt-previews/rivr-defi-landing-preview.mp4","video":null,"chars":5059,"locked":true,"preview":"Build a high-performance DeFi dashboard landing page using …"},{"id":"securify-hero","title":"Securify Data Security","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/securify-hero-poster-c.jpg","image":"/web/prompt-previews/securify-hero-preview.mp4","video":null,"chars":3747,"locked":true,"preview":"Build a full-screen hero section for a data-security SaaS landing page called \"securify\" using React + TypeScript + Tailwind CSS, with a looping fullscreen …"},{"id":"shop","title":"Daisy Shop","category":"Ecommerce","tier":"premium","poster":"/web/prompt-previews/shop-poster.webp","image":"/web/prompt-previews/shop-preview.webp","video":"/web/media/preview_videos/shop.mp4","chars":13715,"locked":true,"preview":"626f6c742d63632d6167656e74# Complete Prompt: Wild Daisy Fragrances Landing Page Build a single-page React + TypeScript + Vite landing page using Tailwind …"},{"id":"skyelite-hero","title":"SkyElite Private Jets","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/skyelite-hero-poster-c.jpg","image":"/web/prompt-previews/skyelite-hero-preview.mp4","video":null,"chars":8271,"locked":true,"preview":"Create a premium private jet landing page hero section with the following specifications: Video Background: Use this exact CloudFront video URL …"},{"id":"slate-hero","title":"Slate","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/slate-hero-poster-c.jpg","image":"/web/prompt-previews/slate-hero-preview.mp4","video":null,"chars":5049,"locked":true,"preview":"Build a full-screen hero landing page for a productivity SaaS called \"Slate\" with the exact specs below. Tech Stack Vite + React + TypeScript Tailwind CSS …"},{"id":"social-media-posts-hero","title":"Social Media Posts","category":"Social Media","tier":"premium","poster":"/web/prompt-previews/social-media-posts-hero-poster-c.jpg","image":"/web/prompt-previews/social-media-posts-hero-preview.mp4","video":null,"chars":10981,"locked":true,"preview":"Create a 3x2 grid of 6 social media post cards (384px x 384px each, 16px gap) centered on the page. Every card has 12px rounded corners and overflow-hidden …"},{"id":"terra-hero","title":"Terra Geo Map","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/terra-hero-poster-c.jpg","image":"/web/prompt-previews/terra-hero-preview.mp4","video":null,"chars":2541,"locked":true,"preview":"Create a hero section for a geo-mapping SaaS landing page called \"Terra\" with these exact specifications: Font: Inter (weights: 400, 500, 700) Primary blue …"},{"id":"travel-hero","title":"Scenic Travel","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/travel-hero-poster.webp","image":"/web/prompt-previews/travel-hero-preview.webp","video":"/web/media/preview_videos/travel-hero.mp4","chars":20987,"locked":true,"preview":"Here is a complete, drop-in prompt you can hand to a fresh model to reproduce the site byte-for-byte. It captures the stack, structure, animations, every …"},{"id":"urban-jungle-hero","title":"Urban Jungle","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/urban-jungle-hero-poster-c.jpg","image":"/web/prompt-previews/urban-jungle-hero-preview.mp4","video":null,"chars":12247,"locked":true,"preview":"Build a scroll-driven hero section landing page using React 19, Vite, Tailwind CSS v4 (using @tailwindcss/vite plugin), GSAP (with ScrollTrigger + …"},{"id":"veloce-finance-landing","title":"Veloce Finance","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/veloce-finance-landing-poster-c.jpg","image":"/web/prompt-previews/veloce-finance-landing-preview.mp4","video":null,"chars":7872,"locked":true,"preview":"Build a React + TypeScript + Vite landing page for a fintech app called \"veloce\" using Tailwind CSS and Framer Motion. The page has 4 sections. Do not use …"},{"id":"velorah-focus-hero","title":"Velorah Focus","category":"Social Media","tier":"premium","poster":"/web/prompt-previews/velorah-focus-hero-poster-c.jpg","image":"/web/prompt-previews/velorah-focus-hero-preview.mp4","video":null,"chars":12412,"locked":true,"preview":"Social meida post #1 (on the left) Create a React application that displays a stylized, 3:4 aspect ratio social media post/landing page. The app must exactly …"},{"id":"velorah-hero","title":"Velorah","category":"Agency","tier":"premium","poster":"/web/prompt-previews/velorah-hero-poster-c.jpg","image":"/web/prompt-previews/velorah-hero-preview.mp4","video":null,"chars":3713,"locked":true,"preview":"Create a single-page hero section with a fullscreen looping background video, glassmorphic navigation, and cinematic typography. Use React + Vite + Tailwind …"},{"id":"vitara-hero","title":"Vitara","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/vitara-hero-poster-c.jpg","image":"/web/prompt-previews/vitara-hero-preview.mp4","video":null,"chars":3545,"locked":true,"preview":"Create a modern healthcare AI landing page with a full-screen video background hero section with the following exact specifications: VIDEO BACKGROUND: Use …"},{"id":"vortex-studio-hero","title":"AI Designer Portfolio","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/vortex-studio-hero-poster.png","image":"/web/prompt-previews/vortex-studio-hero-preview.mp4","video":null,"chars":11010,"locked":true,"preview":"Create a single-page landing page for a creative design studio called \"Viktor Oddy\" using React, TypeScript, Vite, and Tailwind CSS. Use lucide-react for …"},{"id":"yacht-club-hero","title":"Yacht Club","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/yacht-club-hero-poster-c.jpg","image":"/web/prompt-previews/yacht-club-hero-preview.mp4","video":null,"chars":8471,"locked":true,"preview":"Core Instruction Act as an elite, award-winning creative frontend developer. Your task is to perfectly recreate a luxury Yacht Club landing page experience …"},{"id":"zenith-realty-landing","title":"Zenith Realty","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/zenith-realty-landing-poster-c.jpg","image":"/web/prompt-previews/zenith-realty-landing-preview.mp4","video":null,"chars":6446,"locked":true,"preview":"Build a luxury real estate landing page called \"ZENITH REALTY\" with the exact design, components, and animations described below. Do not include a footer …"},{"id":"nimbus-demo","title":"Nimbus Demo","category":"Dashboard Demo","tier":"premium","poster":"/web/prompt-previews/nimbus-demo-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/bd5278e4bb192bca.mp4","chars":14389,"locked":true,"preview":"-- ## Global Setup **Fonts (Google Fonts, preconnect both `fonts.googleapis.com` and `fonts.gstatic.com`):** - `IBM Plex …"},{"id":"luxury-real-estate","title":"Luxury Real Estate","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/luxury-real-estate-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/5b9f66ee04bd8356.mp4","chars":12913,"locked":true,"preview":"Build a single-page React + TypeScript + Tailwind CSS + Vite landing page for a luxury real estate brand named \"Velar.\". Use only `lucide-react` for icons …"},{"id":"finflow","title":"FinFlow","category":"Fintech","tier":"premium","poster":"/web/prompt-previews/finflow-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/b76b9090dfbd813b.mp4","chars":5194,"locked":true,"preview":"Build a single-page React + Vite + TypeScript landing page hero section using Tailwind CSS and `lucide-react`. Replace the contents of `src/App.tsx` with a …"},{"id":"gateway-portal","title":"Gateway Portal","category":"Landing page","tier":"premium","poster":"/web/prompt-previews/gateway-portal-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/c35a76fa4d389986.mp4","chars":28258,"locked":true,"preview":"Build a React + TypeScript (Vite) single-page hero called Auragate — an immersive, scroll-driven landing experience with a portal zoom-in effect, parallax …"},{"id":"405","title":"Apple Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/55f54b9c-57ed-4e0c-b289-afdecb350531.jpg","image":"/web/prompt-previews/refero/133e21ae-01a2-423b-9317-db10140aa765.mp4","video":null,"chars":7014,"locked":true,"preview":"# Apple Design System Reference: https://www.apple.com/macbook-neo Theme: light ## Colors - **Ink** `#1d1d1f` — Primary text, headings, nav labels, icon …"},{"id":"406","title":"ElevenLabs Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/4cc65c70-1f7b-4e7e-8af1-2f5bd996e531.jpg","image":"/web/prompt-previews/refero/8478becd-90c5-481c-9e44-e81399c83fe1.mp4","video":null,"chars":5084,"locked":true,"preview":"# ElevenLabs Design System Reference: https://elevenlabs.io Theme: light ## Colors - **Parchment White** `#fdfcfc` — Page canvas — the dominant background …"},{"id":"407","title":"Mercury Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/3b9dcd0f-127e-4d5c-a000-f6b470288024.jpg","image":"/web/prompt-previews/refero/65e2639d-044a-40cd-a9cc-43bdb7c72ffc.mp4","video":null,"chars":3338,"locked":true,"preview":"# Mercury Design System Reference: https://mercury.com Theme: dark ## Colors - **Mercury Blue** `#5266eb` — Primary CTA buttons — the single, vivid accent in …"},{"id":"408","title":"Linear Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/543342e7-93db-4c8b-9266-9993b43515fc.jpg","image":"/web/prompt-previews/refero/ffa07877-1a0d-4cce-935f-5c771fef4985.mp4","video":null,"chars":5054,"locked":true,"preview":"# Linear Design System Reference: https://linear.app Theme: dark ## Colors - **Onyx** `#08090a` — Page background, primary canvas, deepest surface - …"},{"id":"409","title":"monopo saigon Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/ac24d99b-eb27-4226-9a94-82f913aafcef.jpg","image":"/web/prompt-previews/refero/c4f09bcc-33a1-4ed0-8383-2b8e0bb8896d.mp4","video":null,"chars":5026,"locked":true,"preview":"# monopo saigon Design System Reference: https://monopo.vn Theme: both ## Colors - **Paper White** `#ffffff` — Primary canvas, card surfaces, text on dark …"},{"id":"410","title":"Cursor Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/cdbf5b79-b245-4294-9982-397f49e92fa0.jpg","image":"/web/prompt-previews/refero/3506e0c0-ea66-4f38-8457-68c18811682c.mp4","video":null,"chars":5332,"locked":true,"preview":"# Cursor Design System Reference: https://cursor.com Theme: light ## Colors - **Espresso Ink** `#26251e` — Primary text, dark filled buttons (Download CTA) …"},{"id":"411","title":"Stripe Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/81ac2cb0-521a-4156-b21b-9dc55fd76583.jpg","image":"/web/prompt-previews/refero/5e33ec6f-cc02-485c-b670-309472cd9244.mp4","video":null,"chars":5248,"locked":true,"preview":"# Stripe Design System Reference: https://stripe.com Theme: light ## Colors - **Electric Iris** `#533afd` — Primary action fill, active nav, brand focal …"},{"id":"412","title":"Your workplace has the answer. Just ask Dala for it. Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/5efc7a65-c620-4700-a7d3-671bb2c67227-c.jpg","image":"/web/prompt-previews/refero/7b663e19-d226-4ff1-8698-c9ac264997e9.mp4","video":null,"chars":4545,"locked":true,"preview":"# Your workplace has the answer. Just ask Dala for it. Design System Reference: https://dala.craftedbygc.com Theme: dark ## Colors - **Void** `#000000` — …"},{"id":"413","title":"ORYZO AI Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/54eb2368-3b43-4539-814a-e237a93a51cf.jpg","image":"/web/prompt-previews/refero/c632ae8e-8d4b-45a0-b53c-3d392a2f42bd.mp4","video":null,"chars":5281,"locked":true,"preview":"# ORYZO AI Design System Reference: https://oryzo.ai Theme: dark ## Colors - **Studio Black** `#100904` — Page canvas and primary surface. Near-black with a …"},{"id":"414","title":"Hyperstudio Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/02dcc0c0-3bd0-4bca-897c-cf3b62687c29.jpg","image":"/web/prompt-previews/refero/2fc3c8c5-d5ed-469c-8081-27c56ac0226f.mp4","video":null,"chars":4196,"locked":true,"preview":"# Hyperstudio Design System Reference: https://hyperstudio.org Theme: dark ## Colors - **Obsidian Canvas** `#101010` — Page background, primary canvas - …"},{"id":"415","title":"Steep Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/1a229084-2bbc-486f-a93f-a08143ef3fe6.jpg","image":"/web/prompt-previews/refero/2bf28e75-799a-43c1-9d18-7df57676de0b.mp4","video":null,"chars":4203,"locked":true,"preview":"# Steep Design System Reference: https://steep.app Theme: light ## Colors - **Ink** `#17191c` — Primary text, filled CTA buttons, dark surfaces — near-black …"},{"id":"416","title":"General Intelligence Company Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/4b9292c9-feaa-4c00-87e3-c3de6995281a.jpg","image":"/web/prompt-previews/refero/df59923b-04d4-4f52-926f-1e9d17cf130a.mp4","video":null,"chars":6020,"locked":true,"preview":"# General Intelligence Company Design System Reference: https://www.generalintelligencecompany.com Theme: light ## Colors - **Hudson Blue** `#0081c0` — Blue …"},{"id":"417","title":"Authkit Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/75324395-726d-4a4f-8fb7-2182afc0737f.jpg","image":"/web/prompt-previews/refero/b739bf34-323e-4c12-be82-2d39214756bd.mp4","video":null,"chars":5481,"locked":true,"preview":"# Authkit Design System Reference: https://authkit.com Theme: dark ## Colors - **Midnight Ink** `#05060f` — Page canvas and primary surface — the near-black …"},{"id":"418","title":"Awesomic Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/85b06f11-1288-4f2d-956b-7c890d490daf.jpg","image":"/web/prompt-previews/refero/18c509f4-b63a-46db-ab99-995b22726d8a.mp4","video":null,"chars":5809,"locked":true,"preview":"# Awesomic Design System Reference: https://www.awesomic.io Theme: light ## Colors - **Obsidian** `#09090b` — Primary filled button backgrounds, display …"},{"id":"419","title":"Superhuman Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/b4b6fc77-04e1-409f-a706-95457eed8d64.jpg","image":"/web/prompt-previews/refero/b6d07b3a-8bc6-4f91-b8ef-d56d79d23a46.mp4","video":null,"chars":5708,"locked":true,"preview":"# Superhuman Design System Reference: https://superhuman.com Theme: both ## Colors - **Parchment Canvas** `#f2f0eb` — Primary page background below the hero …"},{"id":"420","title":"Family Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/b8948cd0-cab0-4100-b546-3888e4555164.jpg","image":"/web/prompt-previews/refero/e0f172cf-86b3-471a-9daa-34649052ddbd.mp4","video":null,"chars":6491,"locked":true,"preview":"# Family Design System Reference: https://family.co Theme: light ## Colors - **Warm Canvas** `#fbfaf9` — Page background, nav background, light button fill - …"},{"id":"421","title":"Raycast Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/a1af57d2-bc16-4659-a42f-8548f30dbb73.jpg","image":"/web/prompt-previews/refero/c440acac-fbe3-4b94-86e3-6f53302797c4.mp4","video":null,"chars":6519,"locked":true,"preview":"# Raycast Design System Reference: https://raycast.com Theme: dark ## Colors - **Void Black** `#040506` — Dominant page canvas and deepest shadow color — the …"},{"id":"422","title":"Ui Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/e09c44e5-f35c-41a9-812d-a4979393f17a.jpg","image":"/web/prompt-previews/refero/761e7382-0d71-40af-9607-3e9d87d31ba1.mp4","video":null,"chars":3859,"locked":true,"preview":"# Ui Design System Reference: https://ui.shadcn.com Theme: light ## Colors - **Graphite** `#0a0a0a` — Dark supporting neutral for text, icons, and strong …"},{"id":"423","title":"Duolingo Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/8e0dc009-a4c7-45e1-86ad-37257e3ae04f.jpg","image":"/web/prompt-previews/refero/0596b4fa-62cb-4854-b56b-a4ae99f3bd9c.mp4","video":null,"chars":3722,"locked":true,"preview":"# Duolingo Design System Reference: https://duolingo.com Theme: light ## Colors - **Duo Green** `#58cc02` — Primary CTAs, logos, headlines, interactive …"},{"id":"424","title":"Dia Browser Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/055911d0-b221-44ad-b324-4728e320a258.jpg","image":"/web/prompt-previews/refero/d287b387-c87d-44bd-b92d-ad8e5f6d5cba.mp4","video":null,"chars":5412,"locked":true,"preview":"# Dia Browser Design System Reference: https://diabrowser.com Theme: light ## Colors - **Ink Black** `#000000` — Primary text, headings, nav links, borders …"},{"id":"425","title":"Sequel Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/26a1124d-320b-4ea1-ab5a-32ff71d940f5.jpg","image":"/web/prompt-previews/refero/2aa1b33d-9540-454e-b94b-89889a562f45.mp4","video":null,"chars":4510,"locked":true,"preview":"# Sequel Design System Reference: https://sequel.co Theme: dark ## Colors - **Void Black** `#000000` — Page canvas, image backgrounds, text inversion panels …"},{"id":"426","title":"Antimetal Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/9415a69e-6d3d-4dfc-9d7f-6590a4dbb269.jpg","image":"/web/prompt-previews/refero/d9cc6c8f-9276-4eca-b285-877c15351dad.mp4","video":null,"chars":6207,"locked":true,"preview":"# Antimetal Design System Reference: https://antimetal.com Theme: both ## Colors - **Midnight Navy** `#1b2540` — Primary text, heading color on light …"},{"id":"427","title":"Adaline Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/be87bf5b-63e4-475a-8622-f23377473fd4.jpg","image":"/web/prompt-previews/refero/89ee7284-4c04-47cd-a7a8-65615fb50ca0.mp4","video":null,"chars":4280,"locked":true,"preview":"# Adaline Design System Reference: https://www.adaline.ai Theme: light ## Colors - **Cream Paper** `#fbfdf6` — Page canvas, card surfaces, inverted text on …"},{"id":"428","title":"Anthropic Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/4d0e3bd6-3f40-4e9a-899b-649c2e0d6fca.jpg","image":"/web/prompt-previews/refero/e3c6c2b5-64bc-404d-a02f-9dab07f892f9.mp4","video":null,"chars":5855,"locked":true,"preview":"# Anthropic Design System Reference: https://anthropic.com Theme: light ## Colors - **Slate Dark** `#141413` — Primary text, borders, nav items, icon fills …"},{"id":"429","title":"Seline Analytics Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/4c019b44-7003-4bc3-81fd-930bd66a79e1.jpg","image":"/web/prompt-previews/refero/4b5901ef-2d99-4117-a5b7-58a353b5033a.mp4","video":null,"chars":6692,"locked":true,"preview":"# Seline Analytics Design System Reference: https://seline.so Theme: light ## Colors - **Signal Blue** `#3ba6f1` — Blue action color for filled buttons …"},{"id":"430","title":"Column Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/bb81a127-5295-482c-8d93-2f37a97f1058.jpg","image":"/web/prompt-previews/refero/2a3d829d-91b5-49b6-bae2-7acf7b46598e.mp4","video":null,"chars":5077,"locked":true,"preview":"# Column Design System Reference: https://column.com Theme: light ## Colors - **Paper White** `#f6f6f8` — Page background canvas - **Card White** `#ffffff` — …"},{"id":"431","title":"Monad Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/dba6bdee-e6ff-473a-9e42-f77cfeb38089.jpg","image":"/web/prompt-previews/refero/a768d850-fccc-4967-9c04-637d91bf2eac.mp4","video":null,"chars":4021,"locked":true,"preview":"# Monad Design System Reference: https://www.monad.com Theme: light ## Colors - **Parchment Cream** `#f6f3f1` — Page canvas, nav background, badge surfaces — …"},{"id":"432","title":"Resend Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/441eea4c-20b2-460c-b178-55f0f79393d0.jpg","image":"/web/prompt-previews/refero/2033269b-26d4-446d-9dbf-e54ba516600b.mp4","video":null,"chars":7086,"locked":true,"preview":"# Resend Design System Reference: https://resend.com Theme: dark ## Colors - **Void Black** `#000000` — Page canvas …"},{"id":"433","title":"xAI Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/e008ac4a-1637-4308-b39b-771561e638dc.jpg","image":"/web/prompt-previews/refero/05348b21-5369-488d-984d-c654dbcc87c0.mp4","video":null,"chars":4498,"locked":true,"preview":"# xAI Design System Reference: https://x.ai Theme: dark ## Colors - **Void Black** `#0c0c0b` — Page canvas, input fills, icon backgrounds — the base layer …"},{"id":"434","title":"Caldera Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/d2748768-5b78-4fd0-9d50-79ee02987d2a-c.jpg","image":"/web/prompt-previews/refero/cac33a72-1b51-4f14-91e5-7aa4faec89e3.mp4","video":null,"chars":4187,"locked":true,"preview":"# Caldera Design System Reference: https://caldera.xyz Theme: light ## Colors - **Concrete Canvas** `#e2e2df` — Page background — warm light-gray stone, the …"},{"id":"435","title":"Hyer Aviation Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/53e0250a-8995-4422-9578-52fbe80ee01d.jpg","image":"/web/prompt-previews/refero/e4432daa-fc14-4938-a52a-dae8904b067e.mp4","video":null,"chars":4439,"locked":true,"preview":"# Hyer Aviation Design System Reference: https://www.flyhyer.com Theme: both ## Colors - **Obsidian Ink** `#000d10` — Primary text, logo, borders, filled …"},{"id":"436","title":"Ventriloc Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/0c0ae6da-afae-4f60-8570-a55425778d47.jpg","image":"/web/prompt-previews/refero/54313f5d-745f-4807-9725-f7680be005f4.mp4","video":null,"chars":4376,"locked":true,"preview":"# Ventriloc Design System Reference: https://ventriloc.ca/en Theme: light ## Colors - **Signal Orange** `#ff682c` — Brand accent — chart fills, logo swoosh …"},{"id":"437","title":"Dimension Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/866cc36f-d7bf-4318-a4a8-ff5c731e94eb.jpg","image":"/web/prompt-previews/refero/dab3d2b1-89e3-40d1-9f61-3e56b05ee2ee.mp4","video":null,"chars":4964,"locked":true,"preview":"# Dimension Design System Reference: https://www.dimension.dev Theme: dark ## Colors - **Void** `#0a0a0a` — Page background, deep surface — the canvas …"},{"id":"438","title":"Acctual Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/11b39876-a6cf-45a7-a607-67dd6a9b64a4.jpg","image":"/web/prompt-previews/refero/a0e83997-e18a-45e5-aeeb-116b9b5ca082.mp4","video":null,"chars":5594,"locked":true,"preview":"# Acctual Design System Reference: https://acctual.com Theme: light ## Colors - **Paper White** `#ffffff` — Card surfaces, testimonial panels, elevated …"},{"id":"439","title":"Gleap Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/b8bc9a99-3043-45d7-9167-79d8902dc27e.jpg","image":"/web/prompt-previews/refero/670359b9-955f-439a-af1a-32110448852e.mp4","video":null,"chars":4354,"locked":true,"preview":"# Gleap Design System Reference: https://gleap.io Theme: light ## Colors - **Obsidian** `#000000` — Primary text, filled dark CTAs, high-contrast borders …"},{"id":"440","title":"Augen Pro Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/4251cd1c-eece-496c-b107-195182c5b81e.jpg","image":"/web/prompt-previews/refero/4e262015-166c-4d6f-bf92-ebf8b4a8c68d.mp4","video":null,"chars":3949,"locked":true,"preview":"# Augen Pro Design System Reference: https://augen.pro Theme: light ## Colors - **Ink Black** `#0f1012` — Primary text, icons, dark section background …"},{"id":"441","title":"AI for Business Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/c92a1ec2-a4e6-40db-bfb8-6bee778b353f.jpg","image":"/web/prompt-previews/refero/2cf206a7-bd89-418c-baab-c280a345c8be.mp4","video":null,"chars":4389,"locked":true,"preview":"# AI for Business Design System Reference: https://www.dayos.com Theme: light ## Colors - **Canvas Mist** `#e5e7eb` — Page background, section canvases …"},{"id":"442","title":"Amplemarket Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/f025231e-f718-4d5e-a794-8bb94f6ddf3d.jpg","image":"/web/prompt-previews/refero/419dedfc-1530-49c9-972a-862b7c47779c.mp4","video":null,"chars":5651,"locked":true,"preview":"# Amplemarket Design System Reference: https://www.amplemarket.com Theme: light ## Colors - **Ink Black** `#111111` — Primary text, hairline borders, icon …"},{"id":"443","title":"Claude Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/4410a692-e178-4ae7-a8dd-c562f5f929e7.jpg","image":"/web/prompt-previews/refero/c19749f7-5a98-4259-8473-1efbf7a4b859.mp4","video":null,"chars":4984,"locked":true,"preview":"# Claude Design System Reference: https://claude.ai Theme: light ## Colors - **Ivory Canvas** `#faf9f5` — Page background, primary canvas — warm off-white …"},{"id":"444","title":"Air Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/391f1c0d-37a5-41f9-9bde-244757d3d0ab.jpg","image":"/web/prompt-previews/refero/b24c9864-978f-452f-b442-62654d374c63.mp4","video":null,"chars":4008,"locked":true,"preview":"# Air Design System Reference: https://air.inc Theme: light ## Colors - **Sky Canvas** `#426188` — Dominant page background element, providing depth and a …"},{"id":"445","title":"Airbnb Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/f18b38e7-769c-4d11-80e8-bba895b7135f-c.jpg","image":"/web/prompt-previews/refero/02eb020e-a5bc-4327-9d21-f73b84c75199.mp4","video":null,"chars":5424,"locked":true,"preview":"# Airbnb Design System Reference: https://www.airbnb.com Theme: light ## Colors - **Rausch Coral** `#ff385c` — Brand logo fill, active nav underline, search …"},{"id":"446","title":"Titan Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/aea82a35-d886-401d-8f30-7fdd410da141.jpg","image":"/web/prompt-previews/refero/a6af6a5e-4e22-4350-b17a-d57c9851a2aa.mp4","video":null,"chars":3921,"locked":true,"preview":"# Titan Design System Reference: https://www.titan.com Theme: light ## Colors - **Obsidian** `#111111` — Primary text, hairline borders, icon strokes, card …"},{"id":"447","title":"Factory.ai Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/253dda05-9d24-4a26-ad6c-5d04e21ed699.jpg","image":"/web/prompt-previews/refero/737031f9-acd5-436e-adaf-dbea87b37c7f.mp4","video":null,"chars":4799,"locked":true,"preview":"# Factory.ai Design System Reference: https://factory.ai Theme: light ## Colors - **Paper White** `#fafafa` — Page canvas, page background - **Frost …"},{"id":"448","title":"Base44 Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/d5c18689-1763-4742-9467-e0c455bda42b.jpg","image":"/web/prompt-previews/refero/baa8a3d2-305d-4ecc-9d4a-6309bad58225.mp4","video":null,"chars":5082,"locked":true,"preview":"# Base44 Design System Reference: https://base44.com Theme: light ## Colors - **Lime Spark** `#ebffb1` — Primary action background, active highlights — soft …"},{"id":"449","title":"Geniestudio Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/df9753db-c5a4-4b46-899e-d01a5d99126c.jpg","image":"/web/prompt-previews/refero/14e8248c-bb5c-485f-a9fc-0c0e0681da62.mp4","video":null,"chars":6895,"locked":true,"preview":"# Geniestudio Design System Reference: https://geniestudio.app Theme: light ## Colors - **Sky Wash** `#ebf5ff` — Page canvas — pale blue sets the airier …"},{"id":"450","title":"Perplexity AI Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/d0c9d7a8-1d08-4ba3-92b4-efa8d0146e7b.jpg","image":"/web/prompt-previews/refero/0920df41-a766-4c84-9ea8-b0d131e9d134.mp4","video":null,"chars":4311,"locked":true,"preview":"# Perplexity AI Design System Reference: https://perplexity.ai Theme: light ## Colors - **Ink** `#27251e` — Primary text, sidebar surface, active nav …"},{"id":"451","title":"Slash Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/b67f48e6-b9f6-4291-810d-486173410cb1.jpg","image":"/web/prompt-previews/refero/9061f2b7-5d27-4380-b016-30b2a1b3e6db.mp4","video":null,"chars":5314,"locked":true,"preview":"# Slash Design System Reference: https://www.slash.com Theme: dark ## Colors - **Obsidian** `#000000` — Deepest canvas, page background, elevation shadows - …"},{"id":"452","title":"Revenue-Grade Automation Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/38addea5-afe5-4cdd-804e-384cbf72c359.jpg","image":"/web/prompt-previews/refero/b71d95ec-7b69-428a-b87e-8e32e50dff4a.mp4","video":null,"chars":3189,"locked":true,"preview":"# Revenue-Grade Automation Design System Reference: https://www.default.com Theme: light ## Colors - **Default Violet** `#5757f8` — Violet action color for …"},{"id":"453","title":"Vercel Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/35ef26d4-0d4b-46d3-a080-0f03fca6bb5a.jpg","image":"/web/prompt-previews/refero/947f2cac-33fa-47e1-b298-bb22349e4bab.mp4","video":null,"chars":5949,"locked":true,"preview":"# Vercel Design System Reference: https://vercel.com Theme: light ## Colors - **Graphite** `#171717` — Primary text, filled action buttons, primary borders …"},{"id":"bio-active","title":"Clarity Core","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/bio-active-poster.webp","image":"/web/prompt-previews/bio-active-poster.webp","video":"/web/media/preview_videos/bio-active.mp4","chars":24722,"locked":true,"preview":"Build a premium single-page landing site for \"LumiDerm\" — a luxury skincare/biotech brand. Use React + TypeScript + Vite + Tailwind CSS. Use lucide-react for …"},{"id":"neural-interface","title":"Neural Interface","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/neural-interface-poster.webp","image":"/web/prompt-previews/neural-interface-poster.webp","video":"/web/media/preview_videos/neural-interface.mp4","chars":33852,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> …"},{"id":"3d-story","title":"3D Story","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/3d-story-poster.webp","image":"/web/prompt-previews/3d-story-poster.webp","video":"/web/media/preview_videos/3d-story.mp4","chars":25787,"locked":true,"preview":"**Build a single-page React 18 + TypeScript + Vite + Tailwind CSS site called \"veldara\" — a dark 3D-framework landing page with a scroll-scrubbed background …"},{"id":"404-planet","title":"404 Planet","category":"404","tier":"premium","poster":"/web/prompt-previews/404-planet-poster.webp","image":"/web/prompt-previews/404-planet-poster.webp","video":"/web/media/preview_videos/404-planet.mp4","chars":7510,"locked":true,"preview":"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 …"},{"id":"saas-value","title":"SaaS Value","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/saas-value-poster-c.jpg","image":"/web/prompt-previews/saas-value-poster.png","video":"","chars":8558,"locked":true,"preview":"Build a full-viewport hero section for a SaaS landing page called \"Questly\" using React, TypeScript, Tailwind CSS 3, and Vite. Use `lucide-react` for all …"},{"id":"luxury-focus","title":"Luxury Focus","category":"E-commerce","tier":"premium","poster":"/web/prompt-previews/luxury-focus-poster.webp","image":"/web/prompt-previews/luxury-focus-poster.webp","video":"/web/media/preview_videos/luxury-focus.mp4","chars":9487,"locked":true,"preview":"Recreate \"SCULPTED BY TIME\" Luxury Jewelry Scroll Experience Build a single-page React + TypeScript + Vite landing page for a luxury jewelry brand. It is a …"},{"id":"synthesis","title":"Synthesis","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/synthesis-poster.webp","image":"/web/prompt-previews/synthesis-poster.webp","video":"/web/media/preview_videos/synthesis.mp4","chars":5375,"locked":true,"preview":"Build a premium scroll-driven landing page for \"Elias Norden — Health Capital\" using Vite + React + TypeScript + Tailwind CSS. Dark navy aesthetic, white …"},{"id":"neon-logic","title":"Neon Logic","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/neon-logic-poster.webp","image":"/web/prompt-previews/neon-logic-poster.webp","video":null,"chars":13218,"locked":true,"preview":"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 …"},{"id":"yoga-coach","title":"Yoga Coach","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/yoga-coach-poster.webp","image":"/web/prompt-previews/yoga-coach-poster.webp","video":null,"chars":10108,"locked":true,"preview":"Build a full-screen, two-section yoga coach landing page using React + TypeScript + Vite + Tailwind CSS v4 + Motion (framer-motion successor) + hls.js. The …"},{"id":"glitch-pulse","title":"Glitch Pulse","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/glitch-pulse-poster.webp","image":"/web/prompt-previews/glitch-pulse-poster.webp","video":null,"chars":15521,"locked":true,"preview":"## Overview Build a single-page React + TypeScript + Vite + Tailwind CSS v4 landing page. The page is extremely tall (1200vh) but all visual content is …"},{"id":"golden-portal","title":"Golden Portal","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/golden-portal-poster.webp","image":"/web/prompt-previews/golden-portal-poster.webp","video":null,"chars":33233,"locked":true,"preview":"**Build a React + Vite + TypeScript + Tailwind CSS landing page called \"Digital Archive\" -- a high-end art gallery/studio showcase website. It should be …"},{"id":"investment-hero","title":"Investment Gate","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/investment-hero-poster.webp","image":"/web/prompt-previews/investment-hero-poster.webp","video":null,"chars":29815,"locked":true,"preview":"Create a luxury real estate landing page called \"VELORA\" using React, TypeScript, Vite, and Tailwind CSS. The page has 3 main parts: a Splash Screen, a Hero …"},{"id":"health-portal","title":"Health Portal","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/health-portal-poster.webp","image":"/web/prompt-previews/health-portal-poster.webp","video":null,"chars":37205,"locked":true,"preview":"Create a single-page dental clinic landing page using **React + Vite + TypeScript + Tailwind CSS**. No external UI libraries, no icon libraries. Everything …"},{"id":"digital-experiences","title":"Digital Experiences","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/digital-experiences-poster.webp","image":"/web/prompt-previews/digital-experiences-poster.webp","video":null,"chars":8844,"locked":true,"preview":"## Prompt Build a single-page React + Vite + TypeScript + Tailwind CSS site with exactly two full-screen sections (Hero and Capabilities). The page is a …"},{"id":"apex-pulse","title":"Apex Pulse","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/apex-pulse-poster.webp","image":"/web/prompt-previews/apex-pulse-poster.webp","video":null,"chars":21683,"locked":true,"preview":"Build a dark, cinematic drone/UAV technology landing page called **\"AETHER_X\"** using React + Vite + TypeScript + Tailwind CSS. The site has a scroll-driven …"},{"id":"financial-suite","title":"Financial Suite","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/financial-suite-poster.jpg","image":"/web/prompt-previews/financial-suite-preview.mp4","video":"","chars":40577,"locked":true,"preview":"Build a single-page premium credit card landing page called **\"Infinite\"** using **React + Vite + TypeScript + Tailwind CSS + lucide-react**. The page …"},{"id":"cinematic-landing-page","title":"Cinematic Landing Page","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/cinematic-landing-page-poster.webp","image":"/web/prompt-previews/cinematic-landing-page-preview.webp","video":"/web/media/preview_videos/cinematic-landing-page.mp4","chars":12060,"locked":true,"preview":"Create a single-page landing website for \"Bakery Facilities\" — a premium B2B bakery solutions company. The site uses React 18, Vite, TypeScript, Tailwind …"},{"id":"creative-agency","title":"Creative Agency","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/creative-agency-poster.webp","image":"/web/prompt-previews/creative-agency-preview.webp","video":"/web/media/preview_videos/creative-agency.mp4","chars":6317,"locked":true,"preview":"**Prompt:** Build a full-viewport hero section in React + TypeScript with Tailwind CSS. Use `lucide-react` for the `Instagram` …"},{"id":"deck-investor","title":"Investor Deck","category":"Investor Presentations","tier":"premium","poster":"/web/prompt-previews/deck-investor-poster-c.jpg","image":"/web/prompt-previews/deck-investor-preview.mp4","video":null,"chars":10864,"locked":true,"preview":"Build a presentation-style slide deck web app with 5 slides using React, Tailwind CSS, hls.js for Mux HLS video playback, and motion (from motion/react) for …"},{"id":"bio-age-dashboard","title":"Bio-Age Dashboard","category":"Hero","tier":"premium","poster":"/web/prompt-previews/bio-age-dashboard-preview-c.jpg","image":"/web/prompt-previews/bio-age-dashboard-preview.webp","video":"","chars":6589,"locked":true,"preview":"**Tech Stack:** Vite + React + TypeScript + Tailwind CSS + Lucide React icons. Font: Inter (imported from Google Fonts with weights 300-900). --- ### …"},{"id":"wellness-hero","title":"Wellness Hero","category":"Hero","tier":"premium","poster":"/web/prompt-previews/wellness-hero-poster.webp","image":"/web/prompt-previews/wellness-hero-poster.webp","video":"/web/media/preview_videos/wellness-hero.mp4","chars":15135,"locked":true,"preview":"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 …"},{"id":"ember-dsgn-hero","title":"EMBER.dsgn","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/ember-dsgn-hero-poster.webp","image":"/web/prompt-previews/ember-dsgn-hero-preview.webp","video":"/web/media/preview_videos/ember-dsgn-hero.mp4","chars":6305,"locked":true,"preview":"Recreation Prompt Build a fullscreen split-panel hero section for \"EMBER.dsgn\" — a digital design studio. Single-page React app, no routing. Stack & …"},{"id":"saas-pricing-flow","title":"SaaS Pricing Flow","category":"Pricing","tier":"premium","poster":"/web/prompt-previews/saas-pricing-flow-poster.webp","image":"/web/prompt-previews/saas-pricing-flow-preview.webp","video":"/web/media/preview_videos/saas-pricing-flow.mp4","chars":5894,"locked":true,"preview":"**Prompt:** Build a React + TypeScript + Vite pricing page section with a full-screen …"},{"id":"financialfocus","title":"FinancialFocus","category":"Hero","tier":"premium","poster":"/web/prompt-previews/financialfocus-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/568a0622a1220463.mp4","chars":53714,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>3D Cylinder …"},{"id":"eco-intelligence","title":"Eco Intelligence","category":"Hero","tier":"premium","poster":"/web/prompt-previews/eco-intelligence-poster.webp","image":"/web/prompt-previews/eco-intelligence-poster.webp","video":null,"chars":22701,"locked":true,"preview":"Create a full-screen hero section for a brand called \"TERRA NOVA\" using React, Tailwind CSS, and Lucide React icons. It must be fully mobile responsive. Use …"},{"id":"immersive-ocean","title":"Immersive Ocean","category":"Hero","tier":"premium","poster":"/web/prompt-previews/immersive-ocean-poster.webp","image":"/web/prompt-previews/immersive-ocean-poster.webp","video":null,"chars":12084,"locked":true,"preview":"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 …"},{"id":"luxury-hero","title":"Luxury Hero","category":"Hero","tier":"premium","poster":"/web/prompt-previews/luxury-hero-poster.webp","image":"/web/prompt-previews/luxury-hero-poster.webp","video":null,"chars":26346,"locked":true,"preview":"Build a luxury real estate landing page called **\"Horizon Estates\"** using **React + TypeScript + Vite + Tailwind CSS**. Use `lucide-react` for icons. Do NOT …"},{"id":"animated-cards","title":"Animated Cards","category":"Component","tier":"premium","poster":"/web/prompt-previews/animated-cards-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/7509334783ba9450.mp4","chars":35693,"locked":true,"preview":"Create a high-performance, interactive 3D horizontal cylinder carousel showing premium animated bank cards. Core Features & Interactions: Use React …"},{"id":"cargo-group","title":"Cargo Group","category":"Hero","tier":"free","poster":"/web/prompt-previews/cargo-group-poster-c.jpg","image":"/web/prompt-previews/cargo-group-preview.mp4","video":"","chars":32278,"locked":false,"preview":"Create a full-viewport hero section for \"CARGOX GROUP\" logistics company using React, Tailwind CSS, Framer Motion (`motion` package from npm - import from `motion/react`), and `lucide-react` for the hamburger icon. ## …"},{"id":"portfolio-about","title":"Portfolio About","category":"About","tier":"premium","poster":"/web/prompt-previews/portfolio-about-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/9d421b2d64cfa404.mp4","chars":5171,"locked":true,"preview":"**Prompt:** Create an \"About Me\" section using React, Tailwind CSS, and **framer-motion**. The site uses **Google Font \"Kanit\"** (weights 300-900) and a dark …"},{"id":"waitlist-hero","title":"Waitlist Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/waitlist-hero-poster.webp","image":"/web/prompt-previews/waitlist-hero-preview.webp","video":"/web/media/preview_videos/waitlist-hero.mp4","chars":5617,"locked":true,"preview":"Build a full-viewport dark hero section as a single React + TypeScript + Tailwind CSS page (Vite). Use the Inter font family. No purple/indigo hues. **Layout …"},{"id":"7","title":"Synapse Dark Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/7-poster-c.jpg","image":"/web/prompt-previews/7-preview.mp4","video":null,"chars":1608,"locked":true,"preview":"Build a high-fidelity, dark-themed Hero Section using React, Tailwind CSS, and Framer Motion. The background should be solid black (#000000). 1. Structure & …"},{"id":"retro-futurist","title":"Retro-Futurist","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/retro-futurist-poster.webp","image":"/web/prompt-previews/retro-futurist-preview.webp","video":"/web/media/preview_videos/retro-futurist.mp4","chars":17617,"locked":true,"preview":"Build a full-screen hero landing page for a creative agency called \"Mainframe\" using React, TypeScript, Vite, and Tailwind CSS. Here is every detail: --- …"},{"id":"cybersecurity-hero-v2","title":"Cybersecurity Hero v2","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/cybersecurity-hero-v2-poster.webp","image":"/web/prompt-previews/cybersecurity-hero-v2-preview.webp","video":"/web/media/preview_videos/cybersecurity-hero-v2.mp4","chars":7140,"locked":true,"preview":"**PROMPT:** Build a dark, premium SaaS landing page hero section for a product called \"Xero\" — a data encryption service. Use React + TypeScript + Vite + …"},{"id":"futuristic-tech","title":"Futuristic Tech","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/futuristic-tech-poster-c.jpg","image":"/web/prompt-previews/futuristic-tech-preview.webp","video":"/web/media/preview_videos/futuristic-tech.mp4","chars":4730,"locked":true,"preview":"Build a full-viewport hero section with a dark, cinematic aesthetic. Here are the exact specifications: **Video Background:** - Full-screen looping …"},{"id":"10","title":"AI Automation Hero","category":"AI / SaaS","tier":"premium","poster":"/web/prompt-previews/10-poster-c.jpg","image":"/web/prompt-previews/10-preview.mp4","video":null,"chars":2693,"locked":true,"preview":"Create a full-screen hero section with the following exact specifications: Layout & Structure: - Full viewport height (h-screen), full width, relative …"},{"id":"11","title":"Weblex Dark Hero","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/11-poster-c.jpg","image":"/web/prompt-previews/11-preview.mp4","video":null,"chars":2472,"locked":true,"preview":"Create a dark, full-screen hero section with a background video and a transparent navbar. Navbar: Fixed at the top, fully transparent (no blur, no border, no …"},{"id":"12","title":"Targo Logistics Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/12-poster-c.jpg","image":"/web/prompt-previews/12-preview.mp4","video":null,"chars":2086,"locked":true,"preview":"Design Prompt: Targo Hero Section Brand Identity: Create a high-end, dark-themed hero section for a logistics brand called \"targo\". Use a color palette of …"},{"id":"wisa-space-hero","title":"WISA Space","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/wisa-space-hero-poster-c.jpg","image":"/web/prompt-previews/wisa-space-hero-preview.mp4","video":null,"chars":37,"locked":true,"preview":"Google AI Studio …"},{"id":"orbis-cta","title":"Orbis CTA","category":"CTA","tier":"premium","poster":"/web/prompt-previews/orbis-cta-poster-c.jpg","image":"","video":"/web/prompt-previews/prompt-media/2f261f4a58521884.mp4","chars":7498,"locked":true,"preview":"--- > **Prerequisites (fonts, Tailwind config …"},{"id":"orbis-cards","title":"Orbis Cards","category":"Cards","tier":"premium","poster":"/web/prompt-previews/orbis-cards-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/149c1121a2a79c48.mp4","chars":5308,"locked":true,"preview":"--- ### Prerequisites **Fonts** (loaded via Google Fonts in `index.html`): - `Anton` (mapped to `font-grotesk` in Tailwind) - `Condiment` (mapped to …"},{"id":"orbis-hello","title":"Orbis Hello","category":"About","tier":"premium","poster":"/web/prompt-previews/orbis-hello-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/0960ec803a9dbd39.mp4","chars":5157,"locked":true,"preview":"--- > **Setup requirements before building the section:** > > …"},{"id":"9","title":"Web3 EOS Hero","category":"Web3","tier":"premium","poster":"/web/prompt-previews/9-preview-c.jpg","image":"/web/prompt-previews/9-preview.png","video":null,"chars":3032,"locked":true,"preview":"Build a full-screen hero section for a Web3 landing page. Use the font \"General Sans\" (from Fontshare) throughout. The entire section has a pure black …"},{"id":"15","title":"Dark Portfolio Hero","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/15-poster-c.jpg","image":"/web/prompt-previews/15-preview.mp4","video":null,"chars":5526,"locked":true,"preview":"Build a Next.js 14 portfolio landing page with a full-screen hero section and an animated loading screen. The entire site uses a dark theme. Here is the …"},{"id":"16","title":"HR SaaS Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/16-poster-c.jpg","image":"/web/prompt-previews/16-preview.mp4","video":null,"chars":2127,"locked":true,"preview":"Create a minimalist, high-end React hero section using Tailwind CSS v4 and the Motion library. Layout & Spacing: The section should have a min-h-screen …"},{"id":"2","title":"Taskora SaaS Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/2-poster-c.jpg","image":"/web/prompt-previews/2-preview.mp4","video":null,"chars":2673,"locked":true,"preview":"Build a high-fidelity, responsive, dark-themed hero section for a SaaS product called \"Taskora\" using React, Tailwind CSS, and Framer Motion (for entrance …"},{"id":"3","title":"ClearInvoice SaaS Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/3-poster-c.jpg","image":"/web/prompt-previews/3-preview.mp4","video":null,"chars":2078,"locked":true,"preview":"Create a high-fidelity, dark-mode Hero section for a SaaS product called \"ClearInvoice\" using React and Tailwind CSS. Tech Stack: Framework: React (Vite) …"},{"id":"3d-collectible-hero","title":"3D Collectible Hero","category":"3D Website","tier":"premium","poster":"/web/prompt-previews/3d-collectible-hero-poster.webp","image":"/web/prompt-previews/3d-collectible-hero-preview.webp","video":"/web/media/preview_videos/3d-collectible-hero.mp4","chars":15274,"locked":true,"preview":"Build a single full-viewport hero section in React + TypeScript + Vite + Tailwind CSS, using `lucide-react` for icons. The …"},{"id":"5","title":"Glassmorphism Agency Hero","category":"Agency","tier":"premium","poster":"/web/prompt-previews/5-poster-c.jpg","image":"/web/prompt-previews/5-preview.mp4","video":null,"chars":3367,"locked":true,"preview":"Build a production-ready, responsive landing page using React, Tailwind CSS v4, and Vite. The design should feature a high-end, dark-mode \"glassmorphism\" …"},{"id":"6","title":"Bold Portfolio Hero","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/6-poster-c.jpg","image":"/web/prompt-previews/6-preview.mp4","video":null,"chars":2871,"locked":true,"preview":"Build a high-end, responsive Hero Section for a personal portfolio website using React and Tailwind CSS. The design should feel bold, modern, and energetic …"},{"id":"8","title":"New Era Automotive Hero","category":"Automotive","tier":"premium","poster":"/web/prompt-previews/8-poster-c.jpg","image":"/web/prompt-previews/8-preview.mp4","video":null,"chars":2613,"locked":true,"preview":"Build a full-screen automotive hero section for a car dealership/marketplace website. Use Google Fonts: Inter (400, 500, 600) and Bebas Neue. Background …"},{"id":"aethera-hero","title":"Aethera Studio","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/aethera-hero-poster-c.jpg","image":"/web/prompt-previews/aethera-hero-preview.mp4","video":null,"chars":3104,"locked":true,"preview":"Prompt: Cinematic Hero Section with Looping Video Background Create a fullscreen single-page hero section using React + Vite + Tailwind CSS + TypeScript with …"},{"id":"aetheris-voyage-hero","title":"Aetheris Voyage","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/aetheris-voyage-hero-poster-c.jpg","image":"/web/prompt-previews/aetheris-voyage-hero-preview.mp4","video":null,"chars":10044,"locked":true,"preview":"Build Prompt: Cinematic Space-Travel Landing Page Build a single-page landing site with two full-height sections (Hero + Capabilities), both using looping …"},{"id":"ai-workflow","title":"AI Workflow Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/ai-workflow-poster.webp","image":"/web/prompt-previews/ai-workflow-preview.webp","video":"/web/media/preview_videos/ai-workflow.mp4","chars":16380,"locked":true,"preview":"### Stack - **Vite** + **React 18** + **TypeScript** - **Tailwind CSS 3.4** - **lucide-react** for icons (`LogIn`, `UserPlus`, `Play`, `Sparkles`, `Menu` …"},{"id":"asme-hero","title":"Asme","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/asme-hero-poster-c.jpg","image":"/web/prompt-previews/asme-hero-preview.mp4","video":null,"chars":12575,"locked":true,"preview":"Build a single-page hero section with a full-screen looping background video, liquid glass UI elements, and a dark cinematic aesthetic. Use React …"},{"id":"aurora-onboard","title":"Aurora Onboard","category":"Signup","tier":"premium","poster":"/web/prompt-previews/aurora-onboard-preview-c.jpg","image":"/web/prompt-previews/aurora-onboard-preview.png","video":null,"chars":4695,"locked":true,"preview":"Please build a modern, two-column registration interface called \"Aurora Sign Up\". Use React, Tailwind CSS (v4), `motion/react` (for animations), and …"},{"id":"automation-machines-hero","title":"Automation Machines","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/automation-machines-hero-poster-c.jpg","image":"/web/prompt-previews/automation-machines-hero-preview.mp4","video":null,"chars":7406,"locked":true,"preview":"PROMPT TO RECREATE THIS HERO SECTION Build a full-screen dark hero section for a futuristic \"Automation Machines\" landing page using React, Vite, Tailwind …"},{"id":"benefits-features","title":"Benefits Features","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/benefits-features-poster-c.jpg","image":"/web/prompt-previews/benefits-features-preview.mp4","video":null,"chars":5733,"locked":true,"preview":"Please build a React component that perfectly replicates a specific \"Benefits\" section. Use Tailwind CSS for styling, `motion/react` for …"},{"id":"bio-digital","title":"Bio-Digital","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/bio-digital-poster.webp","image":"/web/prompt-previews/bio-digital-preview.webp","video":"/web/media/preview_videos/bio-digital.mp4","chars":7987,"locked":true,"preview":"Build a full-screen hero landing page for a fictional brand called \"NeuralKinetics\" using React, Vite, Tailwind CSS v4, and Framer Motion (the `motion` …"},{"id":"bloom-ai-hero","title":"Bloom AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/bloom-ai-hero-poster-c.jpg","image":"/web/prompt-previews/bloom-ai-hero-preview.mp4","video":null,"chars":3835,"locked":true,"preview":"Create a full-screen hero landing page for \"Bloom\" — an AI-powered plant/floral design platform. The design uses a liquid glass morphism aesthetic over a …"},{"id":"celestia-hero","title":"Celestia","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/celestia-hero-poster-c.jpg","image":"/web/prompt-previews/celestia-hero-preview.mp4","video":null,"chars":352,"locked":true,"preview":"Create a full-screen dark hero section with a cinematic, premium aesthetic.Background Video: https://meez.design/web/media/bg-videos/222_1-1.mp4 Implement …"},{"id":"community-cta","title":"Community CTA","category":"CTA Section","tier":"premium","poster":"/web/prompt-previews/community-cta-poster-c.jpg","image":"/web/prompt-previews/community-cta-preview.mp4","video":null,"chars":4816,"locked":true,"preview":"Build a single-file HTML community CTA card section with the …"},{"id":"crypto-wealth-hero","title":"Crypto Wealth","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/crypto-wealth-hero-poster-c.jpg","image":"/web/prompt-previews/crypto-wealth-hero-preview.mp4","video":null,"chars":11137,"locked":true,"preview":"Recreation Prompt Build a React + TypeScript + Vite + Tailwind CSS landing page called \"ContentFlow\" with two scroll-linked fullscreen sections layered over …"},{"id":"cursor-follow","title":"Cursor Follow","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/cursor-follow-poster.webp","image":"/web/prompt-previews/cursor-follow-preview.webp","video":"/web/media/preview_videos/cursor-follow.mp4","chars":6298,"locked":true,"preview":"Build a fullscreen hero section for a site called \"Orbis.Nft\" using React, TypeScript, Tailwind CSS, and Vite. Recreate every detail below …"},{"id":"cybersecurity-hero","title":"Cybersecurity Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/cybersecurity-hero-poster.webp","image":"/web/prompt-previews/cybersecurity-hero-preview.webp","video":"/web/media/preview_videos/cybersecurity-hero.mp4","chars":11920,"locked":true,"preview":"Build a **single-page React + TypeScript (Vite)** landing hero for a product called **\"Xero\"** that recreates the following section exactly. Use the …"},{"id":"designpro-hero","title":"DesignPro Academy","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/designpro-hero-poster-c.jpg","image":"/web/prompt-previews/designpro-hero-preview.mp4","video":null,"chars":2963,"locked":true,"preview":"Create a full-screen hero section for a product design education platform called \"DesignPro\" with the following exact specifications: Background: Full-screen …"},{"id":"digital-epoch-hero","title":"Digital Epoch","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/digital-epoch-hero-poster-c.jpg","image":"/web/prompt-previews/digital-epoch-hero-preview.mp4","video":null,"chars":4522,"locked":true,"preview":"Build a modern, high-performance landing page section using React, TypeScript, Tailwind CSS v4, and Motion. The application should match the following exact …"},{"id":"dot-hero","title":"Dot","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/dot-hero-poster-c.jpg","image":"/web/prompt-previews/dot-hero-preview.mp4","video":null,"chars":3771,"locked":true,"preview":"Build a React landing page exactly as specified below. Use React 19, Tailwind CSS v4, and …"},{"id":"duolingo-styleguide-hero","title":"Duolingo Styleguide","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/duolingo-styleguide-hero-poster.png","image":"/web/prompt-previews/duolingo-styleguide-hero-preview.mp4","video":null,"chars":10629,"locked":true,"preview":"Fonts Primary font: 'Nunito' from Google Fonts (weights: 400, 500, 600, 700, 800, 900) Display/heading font: 'Feather Bold' from (self-host this face — no …"},{"id":"ecovolta-hero","title":"EcoVolta","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/ecovolta-hero-poster-c.jpg","image":"/web/prompt-previews/ecovolta-hero-preview.mp4","video":null,"chars":6691,"locked":true,"preview":"PROMPT: Build a single-page hero section for a renewable energy company called \"EcoVolta\" using React, TypeScript, Vite, Tailwind CSS, Framer Motion, and …"},{"id":"ecovolta-v2-hero","title":"EcoVolta V2","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/ecovolta-v2-hero-poster-c.jpg","image":"/web/prompt-previews/ecovolta-v2-hero-preview.mp4","video":null,"chars":3749,"locked":true,"preview":"Create a full-screen landing page hero section with the following exact specifications: Video Background HLS streaming video from Mux …"},{"id":"evr-ventures-hero","title":"EVR Ventures","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/evr-ventures-hero-poster-c.jpg","image":"/web/prompt-previews/evr-ventures-hero-preview.mp4","video":null,"chars":4193,"locked":true,"preview":"Create a hero section with the following exact specifications: Fonts: Body/Sans: 'Geist', sans-serif Display: 'Gilda Display', serif Color Scheme (dark theme …"},{"id":"faq-cta","title":"FAQ CTA","category":"CTA Section","tier":"premium","poster":"/web/prompt-previews/faq-cta-poster.webp","image":"/web/prompt-previews/faq-cta-preview.webp","video":"/web/media/preview_videos/faq-cta.mp4","chars":9456,"locked":true,"preview":"**PROMPT:** Build a React + TypeScript + Vite + Tailwind CSS page with a \"CTA + FAQ + Footer\" section using the **Inter** font. Use `lucide-react` for icons …"},{"id":"features","title":"Capabilities Overview","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/features-poster.webp","image":"/web/prompt-previews/features-preview.webp","video":"/web/media/preview_videos/features.mp4","chars":9546,"locked":true,"preview":"Build a Capabilities section for an aerospace company called \"EngineTech.\" This is a light-background proof grid with a header, a CTA pill button, and a …"},{"id":"futuristic-cinematic","title":"Futuristic Cinematic","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/futuristic-cinematic-poster.webp","image":"/web/prompt-previews/futuristic-cinematic-preview.webp","video":"/web/media/preview_videos/futuristic-cinematic.mp4","chars":5679,"locked":true,"preview":"Create a full-screen dark hero section for a brand called \"axentra\" using React, TypeScript, Tailwind CSS, Lucide React icons, and the `shaders` package …"},{"id":"glow-features","title":"Glow Features","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/glow-features-preview-c.jpg","image":"/web/prompt-previews/glow-features-preview.png","video":null,"chars":3072,"locked":true,"preview":"Create a React web application using Vite and Tailwind CSS v4 that perfectly replicates a dark-themed glowing feature card section. **Libraries Required:** - …"},{"id":"growth-marketing-saas","title":"Growth Marketing SaaS","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/growth-marketing-saas-poster.webp","image":"/web/prompt-previews/growth-marketing-saas-preview.webp","video":"/web/media/preview_videos/growth-marketing-saas.mp4","chars":14683,"locked":true,"preview":"Build a single landing page with only a fixed Navbar and a full-screen Hero section that contains a parallax dashboard mock and a foreground grass image. Use …"},{"id":"nike-hover","title":"Nike Hover","category":"Features","tier":"premium","poster":"/web/prompt-previews/nike-hover-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/814adebbdcbb7a93.mp4","chars":13468,"locked":true,"preview":"Create a single full-viewport (`h-[100dvh]`) Nike-branded section in React + Tailwind CSS + GSAP. It must be **fully mobile responsive**. The app requires …"},{"id":"haul-footer","title":"HAUL!","category":"Footer Section","tier":"premium","poster":"/web/prompt-previews/haul-footer-preview-c.jpg","image":"/web/prompt-previews/haul-footer-preview.png","video":null,"chars":4122,"locked":true,"preview":"Build a React functional component using Tailwind CSS, `motion/react` for …"},{"id":"impressive-hero","title":"Impressive Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/impressive-hero-poster-c.jpg","image":"/web/prompt-previews/impressive-hero-preview.mp4","video":null,"chars":4511,"locked":true,"preview":"Create a full-screen hero section in React + TypeScript + Tailwind CSS (Vite) with a fullscreen background video, a floating \"liquid glass\" navigation bar …"},{"id":"keep-ahead-features","title":"Keep Ahead Features","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/keep-ahead-features-preview-c.jpg","image":"/web/prompt-previews/keep-ahead-features-preview.png","video":null,"chars":9132,"locked":true,"preview":"Build a single-file HTML page with embedded CSS that recreates a premium dark-mode features section with three glassmorphic gradient cards. Match every …"},{"id":"kresna-footer","title":"Kresna Footer","category":"Footer Section","tier":"premium","poster":"/web/prompt-previews/kresna-footer-poster-c.jpg","image":"/web/prompt-previews/kresna-footer-preview.mp4","video":null,"chars":9088,"locked":true,"preview":"Build a single-file HTML footer component called Kresna — a sales-automation SaaS brand. The deliverable is one self-contained .html file with inline <style> …"},{"id":"learnly","title":"Learnly","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/learnly-poster.webp","image":"/web/prompt-previews/learnly-preview.webp","video":"/web/media/preview_videos/learnly.mp4","chars":16419,"locked":true,"preview":"Build a single-page hero section titled \"Learnly - Professional Learning Platform\" using Vite + React + TypeScript + Tailwind. There is no Framer Motion, no …"},{"id":"lumina-footer","title":"Lumina","category":"Footer Section","tier":"premium","poster":"/web/prompt-previews/lumina-footer-poster-c.jpg","image":"/web/prompt-previews/lumina-footer-preview.mp4","video":null,"chars":5066,"locked":true,"preview":"Create a React frontend using Tailwind CSS v4, the `motion/react` library for animations, and `lucide-react` for icons. I want to build a page with an …"},{"id":"luminex-hero","title":"Luminex","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/luminex-hero-poster-c.jpg","image":"/web/prompt-previews/luminex-hero-preview.mp4","video":null,"chars":162,"locked":true,"preview":"Create a modern React landing page with a full-screen HLS video background, glassmorphic …"},{"id":"max-reed-portfolio","title":"Max Reed Portfolio","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/max-reed-portfolio-poster.webp","image":"/web/prompt-previews/max-reed-portfolio-preview.webp","video":"/web/media/preview_videos/max-reed-portfolio.mp4","chars":5172,"locked":true,"preview":"Build a full-viewport dark personal portfolio Features section using React + TypeScript + Tailwind CSS + lucide-react. **Layout & Structure:** - Full screen …"},{"id":"naturecore-saas","title":"Naturecore SaaS","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/naturecore-saas-poster.webp","image":"/web/prompt-previews/naturecore-saas-preview.webp","video":"/web/media/preview_videos/naturecore-saas.mp4","chars":7995,"locked":true,"preview":"Build a full-screen hero landing page for a renewable energy company using React, Vite, TypeScript, Tailwind CSS, Framer Motion, and Lucide React …"},{"id":"nex-max-upgrade","title":"Nex Max Upgrade","category":"Pricing","tier":"premium","poster":"/web/prompt-previews/nex-max-upgrade-poster.webp","image":"/web/prompt-previews/nex-max-upgrade-preview.webp","video":"/web/media/preview_videos/nex-max-upgrade.mp4","chars":6579,"locked":true,"preview":"Build a single full-viewport React + TypeScript section (Vite, Tailwind available but styles written via a <style> block) that renders a fixed background …"},{"id":"nexar-hero","title":"Nexar","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/nexar-hero-poster-c.jpg","image":"/web/prompt-previews/nexar-hero-preview.mp4","video":null,"chars":7694,"locked":true,"preview":"PROMPT: Build a project management dashboard called \"Nexar\" using React, TypeScript, Tailwind CSS, Vite, and Lucide React icons. The design should have a …"},{"id":"nexora-features","title":"Nexora Features","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/nexora-features-poster-c.jpg","image":"/web/prompt-previews/nexora-features-preview.mp4","video":null,"chars":4255,"locked":true,"preview":"Build a full-width \"Features\" section on a pure black (#000) background using TanStack Start (route file src/routes/index.tsx) and Tailwind CSS v4 (tokens in …"},{"id":"nexus-hero","title":"Nexus IT Solutions","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/nexus-hero-poster-c.jpg","image":"/web/prompt-previews/nexus-hero-preview.mp4","video":null,"chars":2195,"locked":true,"preview":"Create a full-viewport (100vh) hero landing page using React, Tailwind CSS, and TypeScript. Load Google Fonts: Akshar (400–700) and Inter (400–700) via …"},{"id":"no-code-waitlist","title":"No-Code Waitlist","category":"Waitlist","tier":"premium","poster":"/web/prompt-previews/no-code-waitlist-poster.webp","image":"/web/prompt-previews/no-code-waitlist-preview.webp","video":"/web/media/preview_videos/no-code-waitlist.mp4","chars":6532,"locked":true,"preview":"Build a full-screen dark hero section landing page in React + Vite + Tailwind CSS v4 + Motion (framer-motion) + Lucide React icons + hls.js. The page should …"},{"id":"novadesk-signup","title":"NovaDesk Signup","category":"Signup","tier":"premium","poster":"/web/prompt-previews/novadesk-signup-poster.webp","image":"/web/prompt-previews/novadesk-signup-preview.webp","video":"/web/media/preview_videos/novadesk-signup.mp4","chars":4081,"locked":true,"preview":"Build a full-screen sign-up page as a single-page React + TypeScript + Tailwind CSS + Vite app. Use `lucide-react` icons only. No additional UI libraries …"},{"id":"package-fits-pricing","title":"What Package Fits You","category":"Pricing","tier":"premium","poster":"/web/prompt-previews/package-fits-pricing-poster.png","image":"/web/prompt-previews/package-fits-pricing-preview.mp4","video":null,"chars":9163,"locked":true,"preview":"Build a single standalone HTML file (component2.html) for a pricing-packages section. Use one <style> block and one inline …"},{"id":"portal-hero","title":"Portal","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/portal-hero-poster-c.jpg","image":"/web/prompt-previews/portal-hero-preview.mp4","video":null,"chars":6588,"locked":true,"preview":"PROMPT: Build a full-viewport cinematic movie/streaming hero section using React, Tailwind CSS, and Lucide React icons. Use the Inter font from Google Fonts …"},{"id":"power-ai-hero","title":"Power AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/power-ai-hero-poster-c.jpg","image":"/web/prompt-previews/power-ai-hero-preview.mp4","video":null,"chars":3763,"locked":true,"preview":"Create a full-screen dark hero section with a looping background video, navbar, headline, subtitle, CTA button, and a logo marquee at the bottom. Here are …"},{"id":"prioritize-hero","title":"Prioritize","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/prioritize-hero-preview-c.jpg","image":"/web/prompt-previews/prioritize-hero-preview.png","video":null,"chars":6216,"locked":true,"preview":"System & Tech Stack Requirements: Build a responsive landing page hero section …"},{"id":"prosthetics-hero","title":"Prosthetics Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/prosthetics-hero-poster.webp","image":"/web/prompt-previews/prosthetics-hero-preview.webp","video":"/web/media/preview_videos/prosthetics-hero.mp4","chars":9251,"locked":true,"preview":"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` …"},{"id":"railroad-ai-hero","title":"Railroad.ai","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/railroad-ai-hero-poster-c.jpg","image":"/web/prompt-previews/railroad-ai-hero-preview.mp4","video":null,"chars":3838,"locked":true,"preview":"Create a landing page hero section with the following exact specifications: Background: Full-screen background video covering the entire viewport with …"},{"id":"reveal-hero","title":"Reveal Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/reveal-hero-poster.webp","image":"/web/prompt-previews/reveal-hero-preview.webp","video":"/web/media/preview_videos/reveal-hero.mp4","chars":18684,"locked":true,"preview":"Build a single-page React + TypeScript + Vite + Tailwind CSS project that recreates the following hero section exactly. Use `lucide-react` for icons. Do …"},{"id":"rivr-hero","title":"RIVR","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/rivr-hero-poster-c.jpg","image":"/web/prompt-previews/rivr-hero-preview.mp4","video":null,"chars":8044,"locked":true,"preview":"Build a Hero section for a DeFi dashboard named RIVR showcasing a sleek, glassmorphism aesthetic. Please mimic these exact specifications to ensure a premium …"},{"id":"scroll-landing","title":"Scroll Landing Page","category":"Interactive","tier":"premium","poster":"/web/prompt-previews/scroll-landing-poster.webp","image":"/web/prompt-previews/scroll-landing-preview.webp","video":"/web/media/preview_videos/scroll-landing.mp4","chars":15657,"locked":true,"preview":"**Create a React + Vite + Tailwind CSS v4 landing page for \"WISA\" -- a premium football/soccer organization website. The page has a scroll-driven video …"},{"id":"sentinel-ai-hero","title":"Sentinel AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/sentinel-ai-hero-poster-c.jpg","image":"/web/prompt-previews/sentinel-ai-hero-preview.mp4","video":null,"chars":5940,"locked":true,"preview":"Create a full-screen dark hero landing page for a security company called \"SENTINEL AI\" using React, Vite, TypeScript, Tailwind CSS, shadcn/ui, and an …"},{"id":"shamoni-hero","title":"Shamoni","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/shamoni-hero-poster-c.jpg","image":"/web/prompt-previews/shamoni-hero-preview.mp4","video":null,"chars":21364,"locked":true,"preview":"Build an immersive, highly interactive, scroll-driven landing page using React, Vite, Tailwind CSS (v4), and `motion/react` (Framer Motion). Please set up …"},{"id":"slam-dunk-hero","title":"Slam Dunk","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/slam-dunk-hero-poster-c.jpg","image":"/web/prompt-previews/slam-dunk-hero-preview.mp4","video":null,"chars":86,"locked":true,"preview":"Built with Google AI Studio. Open the live app …"},{"id":"solar-energy-hero","title":"Solar Energy Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/solar-energy-hero-poster.webp","image":"/web/prompt-previews/solar-energy-hero-preview.webp","video":"/web/media/preview_videos/solar-energy-hero.mp4","chars":13546,"locked":true,"preview":"Build a single-page React + TypeScript + Vite hero section for a solar energy brand called \"reposit.\" The page features a fullscreen background image that …"},{"id":"speakup-venture-hero","title":"SpeakUp Venture Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/speakup-venture-hero-poster.webp","image":"/web/prompt-previews/speakup-venture-hero-preview.webp","video":"/web/media/preview_videos/speakup-venture-hero.mp4","chars":3767,"locked":true,"preview":"Create a full-screen hero section (100vh, min-height 600px) for a creative agency site called **Speakup**. Build it in React + TypeScript with Tailwind CSS …"},{"id":"stellar-ai-hero","title":"Stellar AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/stellar-ai-hero-poster-c.jpg","image":"/web/prompt-previews/stellar-ai-hero-preview.mp4","video":null,"chars":3898,"locked":true,"preview":"Create a \"Stellar.ai\" landing page hero section using React, Tailwind CSS, and Lucide React icons. Use the Inter font (imported from Google …"},{"id":"stellar-ai-v2-hero","title":"Sync AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/stellar-ai-v2-hero-poster-c.jpg","image":"/web/prompt-previews/stellar-ai-v2-hero-preview.mp4","video":null,"chars":6142,"locked":true,"preview":"Create a full-viewport hero section for a SaaS landing page called \"Stellar.ai\" using React, TypeScript, Tailwind CSS, and Lucide React icons. The design …"},{"id":"taskly-hero","title":"Taskly","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/taskly-hero-poster-c.jpg","image":"/web/prompt-previews/taskly-hero-preview.mp4","video":null,"chars":2465,"locked":true,"preview":"System Prompt: High-Fidelity \"Liquid Glass\" Hero Section Core Layout: Create a 1600px max-width landing page hero section. The background should be pure …"},{"id":"transform-data-hero","title":"Transform Data","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/transform-data-hero-poster-c.jpg","image":"/web/prompt-previews/transform-data-hero-preview.mp4","video":null,"chars":3530,"locked":true,"preview":"HERO SECTION CREATION PROMPT Create a modern hero section with a looping video background and the following specifications: Video Background: URL …"},{"id":"vaultshield","title":"VaultShield","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/vaultshield-poster.webp","image":"/web/prompt-previews/vaultshield-preview.webp","video":"/web/media/preview_videos/vaultshield.mp4","chars":4637,"locked":true,"preview":"Create a fullscreen hero section for a password manager app called \"VaultShield\" using React, TypeScript, Tailwind CSS, Framer Motion, and Lucide React …"},{"id":"velorix-iic","title":"Velorix IIC","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/velorix-iic-poster.webp","image":"/web/prompt-previews/velorix-iic-preview.webp","video":"/web/media/preview_videos/velorix-iic.mp4","chars":9105,"locked":true,"preview":"Premium component — sign in and unlock to copy the full spec."},{"id":"vertex-ai-hero","title":"VertexAI Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/vertex-ai-hero-poster-c.jpg","image":"/web/prompt-previews/vertex-ai-hero-preview.mp4","video":null,"chars":12166,"locked":true,"preview":"Build a React + TypeScript + Vite hero section for a fictional brand \"VertexAI\". Render a full-viewport hero with a looping background video, a frosted-glass …"},{"id":"vex-ventures-hero","title":"VEX Ventures","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/vex-ventures-hero-poster-c.jpg","image":"/web/prompt-previews/vex-ventures-hero-preview.mp4","video":null,"chars":11812,"locked":true,"preview":"Recreate this hero section exactly. Here are the complete specifications: Video Background: Full-screen background video, absolutely positioned, covering the …"},{"id":"vize-footer","title":"Vize Footer","category":"Footer Section","tier":"premium","poster":"/web/prompt-previews/vize-footer-preview.png","image":"/web/prompt-previews/vize-footer-preview.png","video":null,"chars":7734,"locked":true,"preview":"Build a highly polished, responsive Footer component for a React application using Vite, Tailwind CSS, `lucide-react` for icons, and `motion/react` for …"},{"id":"wanderful-hero","title":"Wanderful Hero","category":"Travel","tier":"premium","poster":"/web/prompt-previews/wanderful-hero-poster.webp","image":"/web/prompt-previews/wanderful-hero-preview.webp","video":"/web/media/preview_videos/wanderful-hero.mp4","chars":4153,"locked":true,"preview":"Build a full-viewport cinematic hero section for a travel brand called \"Wanderful\" using React + TypeScript + Vite + Tailwind CSS. Use GSAP …"},{"id":"xportfolio-hero","title":"xPortfolio Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/xportfolio-hero-poster-c.jpg","image":"/web/prompt-previews/xportfolio-hero-preview.mp4","video":null,"chars":2799,"locked":true,"preview":"Build a single-page hero section for a brand design agency called \"Brandly\" using React, Tailwind CSS, and Lucide React icons. The entire page is one …"},{"id":"zenith-footer","title":"Zenith Footer","category":"Footer Section","tier":"premium","poster":"/web/prompt-previews/zenith-footer-poster-c.jpg","image":"/web/prompt-previews/zenith-footer-preview.mp4","video":null,"chars":4181,"locked":true,"preview":"Please create a React/Vite application utilizing Tailwind CSS, Lucide React, and Framer Motion. I want to build a landing page layout with a specific …"},{"id":"build-with-us","title":"Build With Us","category":"Contact us","tier":"premium","poster":"/web/prompt-previews/prompt-media/0a039d15bbcc2def-c.jpg","image":"/web/prompt-previews/prompt-media/ed5ff4fdbfe7b2fb.jpg","video":"/web/prompt-previews/prompt-media/3898ab4c12f313fd.mp4","chars":6177,"locked":true,"preview":"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 …"},{"id":"guardnet-benefits","title":"Guardnet Benefits","category":"Benefits","tier":"premium","poster":"/web/prompt-previews/guardnet-benefits-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/1a2c5b0c55943a48.mp4","chars":4018,"locked":true,"preview":"Build a single React + TypeScript section using Tailwind CSS. No extra libraries. Fully …"},{"id":"solace-sign-in","title":"Solace sign-in","category":"Sign In Form","tier":"premium","poster":"/web/prompt-previews/solace-sign-in-poster-c.jpg","image":"","video":"/web/prompt-previews/prompt-media/74487dca3f3ac5a5.mp4","chars":15063,"locked":true,"preview":"Build a fullscreen sign-in page with a **real-time liquid glass refraction effect** over a looping background video. Use React 18 + TypeScript + Tailwind CSS …"},{"id":"liquid-glass-features","title":"Liquid Glass Features","category":"Features","tier":"premium","poster":"/web/prompt-previews/liquid-glass-features-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/e803643294ea0772.mp4","chars":9172,"locked":true,"preview":"Build a \"Features Chess\" section for a React + Vite + Tailwind CSS project. This is a single section component with an alternating two-row layout (text left …"},{"id":"liquid-glass-cta","title":"Liquid Glass CTA","category":"CTA","tier":"premium","poster":"/web/prompt-previews/liquid-glass-cta-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/8ac4dd84838c5e50.mp4","chars":10077,"locked":true,"preview":"Build a \"CTA + Footer\" section component for a React + Vite + Tailwind CSS project. This is a cinematic full-width call-to-action section with an HLS video …"},{"id":"veloce-cards","title":"Veloce Cards","category":"Cards","tier":"premium","poster":"/web/prompt-previews/veloce-cards-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/ed8dd2aa545a6515.mp4","chars":4316,"locked":true,"preview":"Build an \"Insights\" stats section for a fintech landing page using React + TypeScript + Vite + Tailwind CSS + Framer Motion. This is a standalone section …"},{"id":"arceage-contact-us","title":"Arceage Contact Us","category":"Form","tier":"premium","poster":"/web/prompt-previews/arceage-contact-us-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/d81c39118bd84fe8.mp4","chars":7335,"locked":true,"preview":"Create a React + Tailwind CSS v4 + Motion (\"motion/react\") contact form section with inline …"},{"id":"arceage-testimonial","title":"Arceage Testimonial","category":"Testimonials","tier":"premium","poster":"/web/prompt-previews/arceage-testimonial-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/e138112437b23340.mp4","chars":8165,"locked":true,"preview":"Create a React + Tailwind CSS v4 + Motion (\"motion/react\") customer feedback / testimonial …"},{"id":"arceage-services","title":"Arceage Services","category":"Services","tier":"premium","poster":"/web/prompt-previews/arceage-services-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/a21f67f74647407f.mp4","chars":7344,"locked":true,"preview":"Create a React + Tailwind CSS v4 + Motion (\"motion/react\") image/services section …"},{"id":"arceage-stats","title":"Arceage Stats","category":"Stats","tier":"premium","poster":"/web/prompt-previews/arceage-stats-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/b4473b0219e5f152.mp4","chars":7826,"locked":true,"preview":"Create a React + Tailwind CSS v4 + Motion (framer-motion successor) stats section component. Use Vite …"},{"id":"nexacore-results","title":"NexaCore Results","category":"Features","tier":"premium","poster":"/web/prompt-previews/nexacore-results-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/5a91d39040365f47.mp4","chars":9096,"locked":true,"preview":"Build a single React + TypeScript + Tailwind CSS v3 component called `PrecisionSection`. No external icon libraries — all icons are inline SVG or `<img>` …"},{"id":"nexacore-process","title":"NexaCore Process","category":"Process","tier":"premium","poster":"/web/prompt-previews/nexacore-process-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/ee4d2dff45c7cec8.mp4","chars":10369,"locked":true,"preview":"Build two React + TypeScript + Tailwind CSS v3 components: `ServiceCard` and `TrustedSection`. No external icon libraries — all icons are inline SVG. Fully …"},{"id":"nexacore-control","title":"NexaCore Control","category":"Features","tier":"premium","poster":"/web/prompt-previews/nexacore-control-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/e804f36737ec6c1f.mp4","chars":8610,"locked":true,"preview":"Build a single React + TypeScript + Tailwind CSS v3 component called `FreedomSection`. It uses `hls.js` for HLS video streaming and `useEffect` / `useRef` …"},{"id":"guardnet-demo","title":"Guardnet Demo","category":"Info","tier":"premium","poster":"/web/prompt-previews/guardnet-demo-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/8c632280bb41154b.mp4","chars":6383,"locked":true,"preview":"Build two React + TypeScript sections using Tailwind CSS. No extra libraries besides React and Tailwind. Everything is fully …"},{"id":"vision-reveal","title":"Vision Reveal","category":"Hero","tier":"free","poster":"/web/prompt-previews/vision-reveal-poster.jpg","image":"/web/prompt-previews/vision-reveal-preview.mp4","video":"","chars":16616,"locked":false,"preview":"<!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 rel=\"preconnect\" …"},{"id":"halo-use-case","title":"Halo Use Case","category":"Use Case","tier":"premium","poster":"/web/prompt-previews/halo-use-case-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/7b9d42bff494ac6a.mp4","chars":6878,"locked":true,"preview":"**Prompt:** Build a \"Use Cases\" section for a fintech stablecoin landing page using **React + TypeScript + Tailwind CSS** with **lucide-react** for icons …"},{"id":"halo-benefits","title":"Halo Benefits","category":"Why Us","tier":"premium","poster":"/web/prompt-previews/halo-benefits-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/dc2f60e04d9d91e1.mp4","chars":15338,"locked":true,"preview":"Build an \"Info\" section for a fintech stablecoin landing page using **React + TypeScript + Tailwind CSS** with **lucide-react** for icons (use …"},{"id":"projects-catalog","title":"Projects Catalog","category":"Projects","tier":"premium","poster":"/web/prompt-previews/projects-catalog-poster-c.jpg","image":"","video":"/web/prompt-previews/prompt-media/ac655a2050bb7145.mp4","chars":5874,"locked":true,"preview":"**Prompt:** Create a \"Projects\" section using React, Tailwind CSS, and **framer-motion** (`useScroll`, `useTransform`, `motion`). The site uses **Google Font …"},{"id":"agency-services","title":"Agency Services","category":"Services","tier":"premium","poster":"/web/prompt-previews/agency-services-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/81ae93400bc46dec.mp4","chars":3336,"locked":true,"preview":"**Prompt:** Create a \"Services\" section using React, Tailwind CSS, and **framer-motion**. The site uses **Google Font \"Kanit\"** (weights 300-900) and a dark …"},{"id":"scroll-marquee","title":"Scroll Marquee","category":"Marquee","tier":"premium","poster":"/web/prompt-previews/scroll-marquee-poster-c.jpg","image":"","video":"/web/prompt-previews/prompt-media/76ccd48323e32b67.mp4","chars":3350,"locked":true,"preview":"--- **Prompt:** Create a scroll-driven image marquee section using React, Tailwind CSS, and vanilla JS scroll events (no libraries needed for the marquee …"},{"id":"daisy-wild","title":"Daisy Wild","category":"Product","tier":"premium","poster":"/web/prompt-previews/daisy-wild-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/96d937da0bfc4d51.mp4","chars":9920,"locked":true,"preview":"Build a standalone React + TypeScript + Tailwind CSS section component. This is a fragrance product showcase split into two halves: a looping video on the …"},{"id":"daisy-sweet","title":"Daisy Sweet","category":"Product","tier":"premium","poster":"/web/prompt-previews/daisy-sweet-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/873fe1a9171e8bdb.mp4","chars":9292,"locked":true,"preview":"Build a standalone React + TypeScript + Tailwind CSS section component. This is a fragrance product showcase split into two halves: a sky-blue product panel …"},{"id":"nimbus-ops","title":"Nimbus Ops","category":"CTA","tier":"premium","poster":"/web/prompt-previews/nimbus-ops-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/5ff85adb6036c16d.mp4","chars":16893,"locked":true,"preview":"--- # Prompt to Recreate the Nimbus Grid Operations Section (Standalone) Build a standalone single-section page: the \"Operations\" section from Nimbus Grid — …"},{"id":"nimbus-security","title":"Nimbus Security","category":"Cards","tier":"premium","poster":"/web/prompt-previews/nimbus-security-poster-c.jpg","image":"","video":"/web/prompt-previews/prompt-media/53986700835b679f.mp4","chars":12818,"locked":true,"preview":"--- ## Global Setup **Fonts (Google Fonts, preconnect both `fonts.googleapis.com` and `fonts.gstatic.com`):** - `IBM Plex …"},{"id":"nimbus-pricing","title":"NimBus Pricing","category":"Pricing","tier":"premium","poster":"/web/prompt-previews/nimbus-pricing-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/7c19a0cda659fe74.mp4","chars":13062,"locked":true,"preview":"--- ## Global Setup **Fonts (Google Fonts, preconnect both `fonts.googleapis.com` and `fonts.gstatic.com`):** - `IBM Plex …"},{"id":"nimbus-sticky-cards","title":"Nimbus Sticky Cards","category":"Cards","tier":"premium","poster":"/web/prompt-previews/nimbus-sticky-cards-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/20851191c23066b4.mp4","chars":12638,"locked":true,"preview":"--- # Prompt to Recreate the Nimbus Grid Platform Accordion Section (Standalone) Build a standalone single-section page: the \"Platform Accordion\" from Nimbus …"},{"id":"cognitra-offer","title":"Cognitra Offer","category":"Cards","tier":"premium","poster":"/web/prompt-previews/cognitra-offer-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/01acc891d08923ba.mp4","chars":4052,"locked":true,"preview":"--- **Prompt:** Create a full-viewport services section (100vh) with a solid gray background (`#C5C5C5`), vertically centered content, containing a counter …"},{"id":"cognitra-feature","title":"Cognitra Feature","category":"Feature","tier":"premium","poster":"/web/prompt-previews/cognitra-feature-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/32edac92d869b63d.mp4","chars":3153,"locked":true,"preview":"--- **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 …"},{"id":"tech-noir-about","title":"Tech-Noir About","category":"About","tier":"premium","poster":"/web/prompt-previews/tech-noir-about-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/284867689d089450.mp4","chars":3499,"locked":true,"preview":"--- ## Prompt Create a single full-page section with a solid `#FF0000` red background using React 19, TypeScript, Vite …"},{"id":"beauty-categories","title":"Beauty Categories","category":"Categories","tier":"premium","poster":"/web/prompt-previews/beauty-categories-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/0d8fea5c7c1fab47.mp4","chars":3813,"locked":true,"preview":"--- **Prompt to recreate the \"Categories\" section:** > Build a \"Categories\" section in React + Tailwind CSS with the following exact specifications: > > …"},{"id":"beauty-products","title":"Beauty Products","category":"Products","tier":"premium","poster":"/web/prompt-previews/beauty-products-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/bf8ba7277b98b290.mp4","chars":5445,"locked":true,"preview":"--- **Prompt to recreate the \"Best Sellers\" section:** > Build a \"Best Sellers\" product carousel section in React + Tailwind CSS with the following exact …"},{"id":"launchex-about","title":"LaunchEx About","category":"About","tier":"premium","poster":"/web/prompt-previews/launchex-about-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/8d3ae9862a5c521f.mp4","chars":6467,"locked":true,"preview":"-- **Prompt to recreate the About section:** > Build a full-viewport \"About the Founders\" section using React with Tailwind CSS and lucide-react for icons …"},{"id":"launchex-submissions","title":"LaunchEx Submissions","category":"Features","tier":"premium","poster":"/web/prompt-previews/launchex-submissions-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/778781df8a2d9164.mp4","chars":4702,"locked":true,"preview":"**Prompt to recreate the Submissions section:** > Build a full-viewport \"Submissions\" section using React with Tailwind CSS (no extra UI libraries). This is …"},{"id":"kova-features","title":"Kova Features","category":"Benefits","tier":"premium","poster":"/web/prompt-previews/kova-features-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/75427e18d30f13ea.mp4","chars":11708,"locked":true,"preview":"--- **PROMPT:** --- Build a \"Features\" section for a fintech landing page called \"Kova\" using React 18, TypeScript, Tailwind CSS 3, Framer Motion, and Lucide …"},{"id":"rocket-cta","title":"Rocket CTA","category":"CTA","tier":"premium","poster":"/web/prompt-previews/rocket-cta-poster-c.jpg","image":"","video":"/web/prompt-previews/prompt-media/3ba6e1684db9065e.mp4","chars":11355,"locked":true,"preview":"Build a pixel-faithful recreation of the landing CTA section. Use React 18 + Vite + TypeScript, TailwindCSS, `framer-motion`, `clsx` + `tailwind-merge` as …"},{"id":"rocket-faq","title":"Rocket FAQ","category":"FAQ","tier":"premium","poster":"/web/prompt-previews/rocket-faq-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/1bdcfb348e1c3bfb.mp4","chars":10808,"locked":true,"preview":"Build a dark-themed FAQ section for a React 18 + Vite + TypeScript app using TailwindCSS, framer-motion, and Radix UI Accordion …"},{"id":"kova-testimonial","title":"Kova Testimonial","category":"Testimonial","tier":"premium","poster":"/web/prompt-previews/kova-testimonial-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/a3ebfd6e1a74a136.mp4","chars":5957,"locked":true,"preview":"--- Build a Testimonial section for a fintech app called \"Kova\" using React + Tailwind CSS 3 + Framer Motion. Use TypeScript. Do NOT use …"},{"id":"global-cta-footer","title":"Global CTA Footer","category":"CTA","tier":"premium","poster":"/web/prompt-previews/global-cta-footer-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/72386e40ad227193.mp4","chars":12251,"locked":true,"preview":"Build a landing page for \"Highframe\" -- a SaaS product for building internal workflows, smart forms, and automations without code. The page has two …"},{"id":"axion-about","title":"Axion About","category":"About","tier":"premium","poster":"/web/prompt-previews/axion-about-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/82611e18c8d32164.mp4","chars":4099,"locked":true,"preview":"Build a single React component for an \"About\" section using Tailwind CSS. Use `lucide-react` for the ArrowRight icon. System font stack only (no custom …"},{"id":"rocket-pricing","title":"Rocket Pricing","category":"Pricing","tier":"premium","poster":"/web/prompt-previews/rocket-pricing-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/4d39d1f6d18e0974.mp4","chars":8841,"locked":true,"preview":"Build a `PricingSection` React component that matches the spec below exactly. ## Stack & global setup - React 18 + Vite + TypeScript, TailwindCSS …"},{"id":"flowmate-carousal","title":"FlowMate Carousal","category":"Carousal","tier":"premium","poster":"/web/prompt-previews/flowmate-carousal-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/a1f3cebaaa3f4641.mp4","chars":4528,"locked":true,"preview":"**PROMPT:** Build a standalone React + TypeScript + Vite page with Tailwind CSS, Framer Motion, and Lucide React. The page contains ONLY a single Cards …"},{"id":"apex-program-accordion","title":"Apex Program Accordion","category":"Accordion","tier":"premium","poster":"/web/prompt-previews/apex-program-accordion-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/132f3e4a3a972f86.mp4","chars":12722,"locked":true,"preview":"# Recreate the \"Course Curriculum\" Section — Exact Prompt Build a React + TypeScript + TailwindCSS section called `CurriculumSection` that exactly matches …"},{"id":"pixel-grid-hover","title":"Pixel Grid Hover","category":"Case Studies","tier":"premium","poster":"/web/prompt-previews/pixel-grid-hover-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/5ea20aac683443ff.mp4","chars":8672,"locked":true,"preview":"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 …"},{"id":"bento-grid-stats","title":"Bento Grid Stats","category":"Bento","tier":"premium","poster":"/web/prompt-previews/bento-grid-stats-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/7697f21ad67c8414.mp4","chars":6839,"locked":true,"preview":"Build a \"Why Us?\" bento grid section as a React + TypeScript component using Tailwind CSS 3 and Framer Motion. Font is `'DM Sans', sans-serif` (Google Fonts …"},{"id":"radial-diagram","title":"Radial Diagram","category":"Testimonials","tier":"premium","poster":"/web/prompt-previews/radial-diagram-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/214dec96833e0dd5.mp4","chars":5364,"locked":true,"preview":"Build an \"Our Comprehensive Branding Approach\" section as a React component using TypeScript, Tailwind CSS 3, and Framer Motion. The section sits on a dark …"},{"id":"glassmorphic-feature-tabs","title":"Glassmorphic Feature Tabs","category":"Tabs","tier":"premium","poster":"/web/prompt-previews/glassmorphic-feature-tabs-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/be09546796b666c3.mp4","chars":11332,"locked":true,"preview":"# Core Features Section Build a single React + TypeScript + Tailwind + framer-motion section called `CoreFeaturesSection`. Match every detail below exactly …"},{"id":"editorial-collection-cta","title":"Editorial Collection CTA","category":"CTA","tier":"premium","poster":"/web/prompt-previews/editorial-collection-cta-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/185b746797a2971c.mp4","chars":6529,"locked":true,"preview":"--- # Prompt: Recreate the \"Stay in the Collection\" Newsletter Section Build a single React component named `StaySection` using React + Vite + Tailwind CSS + …"},{"id":"botanical-shadow-about","title":"Botanical Shadow About","category":"About","tier":"premium","poster":"/web/prompt-previews/botanical-shadow-about-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/b61887bb7aefc198.mp4","chars":3417,"locked":true,"preview":"Create a React + TypeScript + Vite project with Tailwind CSS. Build a full-viewport hero section called `about.tsx` …"},{"id":"mouse-trail-cta","title":"Mouse Trail CTA","category":"CTA","tier":"premium","poster":"/web/prompt-previews/mouse-trail-cta-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/2a8de40eab619801.mp4","chars":5721,"locked":true,"preview":"Build a React + TypeScript + Tailwind CSS + Vite section called \"Partner with us\". It's a large rounded white card with a giant serif heading, a dark pill …"},{"id":"feedback-slider","title":"Feedback Slider","category":"Slider","tier":"premium","poster":"/web/prompt-previews/feedback-slider-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/32cc4aca9dabc6de.mp4","chars":7247,"locked":true,"preview":"Build a React + TypeScript + Tailwind CSS + Vite project with a single section called \"What builders say\". Use `lucide-react` for icons. Reproduce …"},{"id":"stark-minimal-footer","title":"Stark Minimal Footer","category":"Footer","tier":"premium","poster":"/web/prompt-previews/stark-minimal-footer-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/c95dcfc198a60edf.mp4","chars":5437,"locked":true,"preview":"--- 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 …"},{"id":"media-card-carousel","title":"Media Card Carousel","category":"Slider","tier":"premium","poster":"/web/prompt-previews/media-card-carousel-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/ea31f2a9630dd11b.mp4","chars":5465,"locked":true,"preview":"--- Build a **Video Stories section** for an aerospace company called \"EngineTech.\" This is a light-background section with a centered header and a …"},{"id":"technical-specifications","title":"Technical Specifications","category":"Tabs","tier":"premium","poster":"/web/prompt-previews/technical-specifications-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/d218fa27cc8f8566.mp4","chars":13885,"locked":true,"preview":"Build a Stats section for an aerospace company called \"EngineTech.\" This is a dark-background section with a two-column header, a 4-tab switcher, and an …"},{"id":"bold-studio","title":"Bold Studio","category":"Hero","tier":"premium","poster":"/web/prompt-previews/bold-studio-poster-c.jpg","image":"","video":"/web/prompt-previews/prompt-media/2028331250ceef0f.mp4","chars":17007,"locked":true,"preview":"Build a fullscreen hero landing page for a creative agency called \"VANGUARD\" using React, Tailwind CSS, and Vite. The page should be a single viewport-height …"},{"id":"cinematic-brand","title":"Cinematic Brand","category":"Hero","tier":"premium","poster":"/web/prompt-previews/cinematic-brand-poster-c.jpg","image":"","video":"/web/prompt-previews/prompt-media/8b48188e491d687d.mp4","chars":5959,"locked":true,"preview":"Build a full-screen cinematic hero landing page for a brand called \"VERTX\". Use React, TypeScript, Vite, Tailwind CSS, Framer Motion, and …"},{"id":"intelligentx","title":"IntelligentX","category":"Hero","tier":"premium","poster":"/web/prompt-previews/intelligentx-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/0b22c576558f65dd.mp4","chars":4107,"locked":true,"preview":"Prompt: Build a modern React landing page using Vite, Tailwind CSS, and motion/react for elegant animations. The application must feature a highly …"},{"id":"cyberpunk-reveal","title":"Cyberpunk Reveal","category":"Hero","tier":"premium","poster":"/web/prompt-previews/cyberpunk-reveal-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/be3e9540c818c806.mp4","chars":6792,"locked":true,"preview":"Recreate a cyberpunk-style hero section (React + Vite + TypeScript + Tailwind CSS, lucide-react icons)** Build a single-page app with a full-screen hero …"},{"id":"interior-features","title":"Interior Features","category":"Features","tier":"premium","poster":"/web/prompt-previews/interior-features-poster-c.jpg","image":"","video":"/web/prompt-previews/prompt-media/c02e50d48f6fe8dc.mp4","chars":4623,"locked":true,"preview":"Build a single interactive product card that swaps between a still photo (light mode) and a looping video (dark mode), with a slow crossfade between them …"},{"id":"organic-odyssey","title":"Organic Odyssey","category":"Hero","tier":"premium","poster":"/web/prompt-previews/organic-odyssey-poster.webp","image":"/web/prompt-previews/organic-odyssey-poster.webp","video":"/web/media/preview_videos/organic-odyssey.mp4","chars":4723,"locked":true,"preview":"Create a full-screen cinematic hero section using React, Tailwind CSS, and Framer Motion. Use Vite with TypeScript. The dependencies required are: `react` …"},{"id":"cosmic","title":"Cosmic","category":"Hero","tier":"premium","poster":"/web/prompt-previews/cosmic-poster.webp","image":"/web/prompt-previews/cosmic-poster.webp","video":"/web/media/preview_videos/cosmic.mp4","chars":26213,"locked":true,"preview":"**Create a full-viewport, dark cinematic hero section for a brand called \"COSMIQ.\" using React, Tailwind CSS, and lucide-react. No other packages. Use Vite + …"},{"id":"conversion","title":"Conversion","category":"Hero","tier":"premium","poster":"/web/prompt-previews/conversion-poster.webp","image":"/web/prompt-previews/conversion-poster.webp","video":"/web/media/preview_videos/conversion.mp4","chars":17451,"locked":true,"preview":"**Build a fullscreen hero section with a looping background video, navigation bar, and centered content. Use React, TypeScript, Tailwind CSS, and Lucide …"},{"id":"interactive-discovery","title":"Interactive Discovery","category":"Hero","tier":"premium","poster":"/web/prompt-previews/interactive-discovery-poster.webp","image":"/web/prompt-previews/interactive-discovery-poster.webp","video":"/web/media/preview_videos/interactive-discovery.mp4","chars":21656,"locked":true,"preview":"Build a full-screen, dark-themed hero section for a geology brand called **Lithos**, using **React 18 + TypeScript + Vite + Tailwind CSS** and …"},{"id":"audio-showcase","title":"Audio Showcase","category":"Hero","tier":"premium","poster":"/web/prompt-previews/audio-showcase-poster.webp","image":"/web/prompt-previews/audio-showcase-poster.webp","video":"/web/media/preview_videos/audio-showcase.mp4","chars":6834,"locked":true,"preview":"Build a full-screen hero section for a fictional vinyl record label called **\"quietpress\"** using React, TypeScript, Tailwind CSS, and Vite. The page is a …"},{"id":"obsidian-hero","title":"Obsidian Hero","category":"Hero","tier":"premium","poster":"/web/prompt-previews/obsidian-hero-poster.webp","image":"/web/prompt-previews/obsidian-hero-poster.webp","video":null,"chars":18065,"locked":true,"preview":"Create a single-page architecture / design studio landing page using React, Vite, TypeScript, and Tailwind CSS. The page is a fullscreen hero with a looping …"},{"id":"interactive-portfolio","title":"Interactive Portfolio","category":"Hero","tier":"premium","poster":"/web/prompt-previews/interactive-portfolio-poster.webp","image":"/web/prompt-previews/interactive-portfolio-poster.webp","video":null,"chars":24504,"locked":true,"preview":"Build a full-viewport photography portfolio hero section in React (Vite + TypeScript + …"},{"id":"luminara","title":"Luminara","category":"Hero","tier":"premium","poster":"/web/prompt-previews/luminara-poster.webp","image":"/web/prompt-previews/luminara-poster.webp","video":null,"chars":7994,"locked":true,"preview":"Build a full-screen hero section using React + Tailwind CSS + Vite. It must be fully …"},{"id":"unwind-hero","title":"Unwind Hero","category":"Hero","tier":"premium","poster":"/web/prompt-previews/unwind-hero-poster.webp","image":"/web/prompt-previews/unwind-hero-poster.webp","video":null,"chars":28402,"locked":true,"preview":"Recreate the WoodNest hero section exactly as a React + Tailwind CSS + Framer Motion component. Use font family \"PP Mori\" for the entire hero. Define …"},{"id":"vertex-sci","title":"Vertex Sci","category":"Hero","tier":"premium","poster":"/web/prompt-previews/vertex-sci-poster.webp","image":"/web/prompt-previews/vertex-sci-poster.webp","video":null,"chars":23991,"locked":true,"preview":"Create a full-screen cinematic hero section with a fixed navbar for a fictional scientific research lab website called \"Vertex Sci.\" using React, Vite …"},{"id":"impact-ventures","title":"Impact Ventures","category":"Hero","tier":"premium","poster":"/web/prompt-previews/impact-ventures-poster.webp","image":"/web/prompt-previews/impact-ventures-poster.webp","video":null,"chars":16219,"locked":true,"preview":"Create a fullscreen hero landing page section for a design agency called \"Atelier\" using React, Tailwind CSS, and Lucide React icons. The section must be …"},{"id":"network-hero","title":"Network Hero","category":"Hero","tier":"premium","poster":"/web/prompt-previews/network-hero-poster.webp","image":"/web/prompt-previews/network-hero-poster.webp","video":null,"chars":31865,"locked":true,"preview":"Create a single-page React + Vite landing page for \"Marketeam\" -- a marketing talent platform. Use Inter (400, 500, 600, 700) and Urbanist (600, 700) from …"},{"id":"lead-funnel","title":"Lead Funnel","category":"Hero","tier":"premium","poster":"/web/prompt-previews/lead-funnel-poster.jpg","image":"/web/prompt-previews/lead-funnel-preview.mp4","video":"","chars":50354,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>Viktor Oddy …"},{"id":"tech-forward","title":"Tech-Forward","category":"Hero","tier":"free","poster":"/web/prompt-previews/tech-forward-poster.jpg","image":"/web/prompt-previews/tech-forward-preview.mp4","video":"","chars":14630,"locked":false,"preview":"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 Google Fonts. The design is …"},{"id":"wellness-balance","title":"Wellness Balance","category":"Hero","tier":"free","poster":"/web/prompt-previews/wellness-balance-preview-c.jpg","image":"/web/prompt-previews/wellness-balance-preview.webp","video":"","chars":24326,"locked":false,"preview":"Create a single-page hero landing for a wellness/supplements brand called \"TerraElix\" using React + Tailwind CSS + Lucide React icons. The page is a full-viewport hero with a background image, navbar, headline with …"},{"id":"cozypaws","title":"CozyPaws","category":"Hero","tier":"free","poster":"/web/prompt-previews/cozypaws-poster.jpg","image":"/web/prompt-previews/cozypaws-preview.mp4","video":"","chars":6143,"locked":false,"preview":"## 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 (h-screen), no scroll, with three …"},{"id":"creative-portfolio","title":"Creative Portfolio","category":"Hero","tier":"free","poster":"/web/prompt-previews/creative-portfolio-preview-c.jpg","image":"/web/prompt-previews/creative-portfolio-preview.webp","video":"","chars":28077,"locked":false,"preview":"626f6c742d63632d6167656e74Let me read all the relevant files to compile the full recreation prompt. Here's the full recreation prompt: --- ## Prompt to Recreate This Hero Section Build a full-screen hero section for a …"},{"id":"equilibrium","title":"Equilibrium","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/equilibrium-poster.webp","image":"/web/prompt-previews/equilibrium-preview.webp","video":"/web/media/preview_videos/equilibrium.mp4","chars":4712,"locked":true,"preview":"Build a full-screen, single-page React + TypeScript + Vite + Tailwind CSS hero section with a \"liquid glass\" aesthetic on top of a looping …"},{"id":"visual-hero","title":"Visual Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/visual-hero-poster.webp","image":"/web/prompt-previews/visual-hero-preview.webp","video":"/web/media/preview_videos/visual-hero.mp4","chars":8205,"locked":true,"preview":"**Build a fullscreen hero section in a Vite + React + TypeScript + Tailwind CSS project. Use `gsap` …"},{"id":"contact-cybernetic","title":"Contact Cybernetic","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/contact-cybernetic-poster.webp","image":"/web/prompt-previews/contact-cybernetic-preview.webp","video":"/web/media/preview_videos/contact-cybernetic.mp4","chars":6348,"locked":true,"preview":"Build a modern, interactive hero section using React, Tailwind CSS, and Framer Motion (motion/react). Ensure you …"},{"id":"1","title":"New Era Bold Hero","category":"Agency","tier":"premium","poster":"/web/prompt-previews/1-poster-c.jpg","image":"/web/prompt-previews/1-preview.mp4","video":null,"chars":1588,"locked":true,"preview":"Create a responsive, full-screen Hero section using React and Tailwind CSS with the following specifications: 1. Layout & Positioning: Set the container to …"},{"id":"0","title":"Wealth Video Hero","category":"Fintech","tier":"premium","poster":"/web/prompt-previews/0-poster-c.jpg","image":"/web/prompt-previews/0-preview.mp4","video":null,"chars":1950,"locked":true,"preview":"Create a modern, high-impact hero section for a wealth management platform using React and Tailwind CSS. Layout & Background: The section must be full …"},{"id":"celestial-renewal","title":"Celestial Renewal","category":"Wellness","tier":"free","poster":"/web/prompt-previews/celestial-renewal-poster.jpg","image":"/web/prompt-previews/celestial-renewal-preview.mp4","video":"","chars":7188,"locked":false,"preview":"**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 Fonts in index.html) Load these …"},{"id":"ai-meeting-notes","title":"AI Meeting Notes","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/ai-meeting-notes-poster.jpg","image":"/web/prompt-previews/ai-meeting-notes-preview.mp4","video":"","chars":62066,"locked":true,"preview":"# Exact recreation prompt — Livo AI landing page Copy everything below into another model/tool: --- **TASK:** Recreate this marketing landing page …"},{"id":"product-studio","title":"Product Studio","category":"Agency Website","tier":"premium","poster":"/web/prompt-previews/product-studio-poster.jpg","image":"/web/prompt-previews/product-studio-preview.mp4","video":"","chars":24375,"locked":true,"preview":"Create a two-section dark landing page for a digital studio called \"KineticForge\" using **React + TypeScript + Vite + Tailwind CSS**. Use **lucide-react** …"},{"id":"coffee-rewards","title":"Coffee Rewards","category":"Mobile App","tier":"free","poster":"/web/prompt-previews/coffee-rewards-poster.jpg","image":"/web/prompt-previews/coffee-rewards-preview.mp4","video":"","chars":22485,"locked":false,"preview":"Build a mobile coffee profile screen inside a phone mockup frame. Use vanilla HTML, CSS, and JS with Vite as the bundler. The design is dark/warm-toned, inspired by iOS profile screens with glassmorphic UI elements …"},{"id":"sky-estate","title":"Sky Estate","category":"Real Estate","tier":"premium","poster":"/web/prompt-previews/sky-estate-poster.jpg","image":"/web/prompt-previews/sky-estate-preview.mp4","video":"","chars":36738,"locked":true,"preview":"Build a one-page luxury real-estate landing site called \"Aether Lane\" using Vite + React 18 + TypeScript, Tailwind CSS 3, Framer Motion (v12), and …"},{"id":"outdoor-apparel","title":"Outdoor Apparel","category":"Fashion","tier":"premium","poster":"/web/prompt-previews/outdoor-apparel-poster.jpg","image":"/web/prompt-previews/outdoor-apparel-preview.mp4","video":"","chars":46603,"locked":true,"preview":"Build a single-page landing website for a fictional outdoor technical gear brand called **ALP1NE** (stylized as `ALP1NE™`). It should be a vanilla …"},{"id":"cross-border","title":"Cross-Border","category":"Mobile App","tier":"free","poster":"/web/prompt-previews/cross-border-poster.jpg","image":"/web/prompt-previews/cross-border-preview.mp4","video":"","chars":6294,"locked":false,"preview":"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 (motion/react) for animations. Use …"},{"id":"travel-journal","title":"Travel Journal","category":"Mobile App","tier":"free","poster":"/web/prompt-previews/travel-journal-poster.jpg","image":"/web/prompt-previews/travel-journal-preview.mp4","video":"","chars":4563,"locked":false,"preview":"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, Vite. Font: Google Fonts …"},{"id":"wellness-companion","title":"Wellness Companion","category":"Mobile App","tier":"free","poster":"/web/prompt-previews/wellness-companion-poster.jpg","image":"/web/prompt-previews/wellness-companion-preview.mp4","video":"","chars":3935,"locked":false,"preview":"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: 375px wide x 780px tall - Border …"},{"id":"3d-studio-pricing","title":"3D Studio Pricing","category":"Pricing","tier":"premium","poster":"/web/prompt-previews/3d-studio-pricing-poster.jpg","image":"/web/prompt-previews/3d-studio-pricing-preview.mp4","video":"","chars":14938,"locked":true,"preview":"Create a full-screen hero section with a looping video background and a pricing card overlay. Use React with Tailwind CSS and Lucide React icons. The font is …"},{"id":"cleantech","title":"CleanTech","category":"Sustainability","tier":"premium","poster":"/web/prompt-previews/cleantech-poster.jpg","image":"/web/prompt-previews/cleantech-preview.mp4","video":"","chars":9916,"locked":true,"preview":"**Create a scroll-driven landing page for \"Terova\" -- a circular-systems / waste-reclamation tech company. Use React + Vite + TypeScript + Tailwind CSS + …"},{"id":"stillmind","title":"Stillmind","category":"Hero","tier":"free","poster":"/web/prompt-previews/stillmind-poster.jpg","image":"/web/prompt-previews/stillmind-preview.mp4","video":"","chars":5685,"locked":false,"preview":"Create a fullscreen cinematic hero section for a mindfulness/focus app called \"Lumora\" using React, Tailwind CSS, and Lucide React icons. ## Font Use **Instrument Serif** (Google Fonts, italic for the logo). Load it …"},{"id":"integration-saas","title":"Integration SaaS","category":"Hero","tier":"premium","poster":"/web/prompt-previews/integration-saas-poster.jpg","image":"/web/prompt-previews/integration-saas-preview.mp4","video":"","chars":4679,"locked":true,"preview":"Build a full-screen hero section landing page for a data platform called \"DataVio\" using React, Tailwind CSS, and Vite. Use the Geist font (from Google …"},{"id":"cosmos-interface","title":"Cosmos Interface","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/cosmos-interface-poster.jpg","image":"/web/prompt-previews/cosmos-interface-preview.mp4","video":"","chars":26049,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" …"},{"id":"wellbeing-os","title":"Wellbeing OS","category":"Hero","tier":"free","poster":"/web/prompt-previews/wellbeing-os-poster.jpg","image":"/web/prompt-previews/wellbeing-os-preview.mp4","video":"","chars":4962,"locked":false,"preview":"Create a fullscreen hero section for a SaaS product called \"flowpath\" using React, Tailwind CSS, and Lucide React icons. The section should be a single `<section>` filling the viewport (`h-screen w-full …"},{"id":"innovation-studio","title":"Innovation Studio","category":"Hero","tier":"premium","poster":"/web/prompt-previews/innovation-studio-poster.jpg","image":"/web/prompt-previews/innovation-studio-preview.mp4","video":"","chars":22847,"locked":true,"preview":"Build a full-screen hero section for a brand called \"Nexformo\" using React, TypeScript, Tailwind CSS, and Lucide React icons. Use …"},{"id":"subscription-agency","title":"Subscription Agency","category":"Hero","tier":"free","poster":"/web/prompt-previews/subscription-agency-poster.jpg","image":"/web/prompt-previews/subscription-agency-preview.mp4","video":"","chars":5850,"locked":false,"preview":"**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 design should be minimal …"},{"id":"ai-interface","title":"AI Interface","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/ai-interface-poster.jpg","image":"/web/prompt-previews/ai-interface-preview.mp4","video":"","chars":24055,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" …"},{"id":"21-hero-section","title":"Hero Section","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/442083d2d79cc4bb-c.jpg","image":"/web/prompt-previews/prompt-media/442083d2d79cc4bb.jpg","video":"/web/prompt-previews/prompt-media/cd2cb2d0bbf6e675.mp4","chars":4263,"locked":true,"preview":"A powerful hero section component built with shadcn/ui. Create stunning hero sections with multiple variants including illustration-based layouts, glowing …"},{"id":"21-dark-gradient-pricing","title":"Dark Gradient Pricing","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/685b827bb6e32ba9-c.jpg","image":"/web/prompt-previews/prompt-media/685b827bb6e32ba9.jpg","video":null,"chars":3109,"locked":true,"preview":"A pricing table component with a glass effect and animated cards, perfect for displaying tiered pricing plans and feature comparisons. Features - Responsive …"},{"id":"21-shape-landing-hero","title":"Shape Landing Hero","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/226154654508cd2e.jpg","image":"/web/prompt-previews/prompt-media/226154654508cd2e.jpg","video":null,"chars":7260,"locked":true,"preview":"A nicely landing …"},{"id":"21-sidebar","title":"Sidebar","category":"Navigation","tier":"premium","poster":"/web/prompt-previews/prompt-media/85e0218234d11347.jpg","image":"/web/prompt-previews/prompt-media/85e0218234d11347.jpg","video":"/web/prompt-previews/prompt-media/533af57cc3e2c4f0.mp4","chars":4934,"locked":true,"preview":"Expandable sidebar that expands on hover …"},{"id":"21-expandable-tabs","title":"Expandable Tabs","category":"Navigation","tier":"premium","poster":"/web/prompt-previews/prompt-media/1ba8261550428c39.jpg","image":"/web/prompt-previews/prompt-media/1ba8261550428c39.jpg","video":"/web/prompt-previews/prompt-media/fdd380b61b003bad.mp4","chars":4191,"locked":true,"preview":"A set of expandable tabs that show both icon and text when selected. Tabs animate smoothly to expand or collapse on click, and clicking outside collapses any …"},{"id":"21-splash-cursor","title":"Splash Cursor","category":"Cursor","tier":"premium","poster":"/web/prompt-previews/prompt-media/c66bc3744192d9ea-c.jpg","image":"/web/prompt-previews/prompt-media/c66bc3744192d9ea.jpg","video":"/web/prompt-previews/prompt-media/e09a0acd27836c16.mp4","chars":36942,"locked":true,"preview":"A WebGL-based fluid simulation cursor effect component. Creates an interactive fluid-like animation that follows cursor movement. Features: • WebGL-based …"},{"id":"21-splite","title":"Spline Scene","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/a0068929de407c71.jpg","image":"/web/prompt-previews/prompt-media/a0068929de407c71.jpg","video":"/web/prompt-previews/prompt-media/2ea8993c4cac1424.mp4","chars":967,"locked":true,"preview":"A React component that integrates Spline 3D scenes. Demo component combines interactive 3D visualization with a spotlight effect and responsive text content …"},{"id":"21-aurora-background","title":"Aurora Background","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/fe4d485830d9c0e7.jpg","image":"/web/prompt-previews/prompt-media/fe4d485830d9c0e7.jpg","video":"/web/prompt-previews/prompt-media/cee13c8739283f5b.mp4","chars":2446,"locked":true,"preview":"A subtle Aurora or Southern Lights …"},{"id":"21-timeline","title":"Timeline","category":"Scroll","tier":"premium","poster":"/web/prompt-previews/prompt-media/3c86d09e12d4ff3f-c.jpg","image":"/web/prompt-previews/prompt-media/3c86d09e12d4ff3f.jpg","video":"/web/prompt-previews/prompt-media/3a0cac13a9f1a646.mp4","chars":3528,"locked":true,"preview":"A timeline component with sticky …"},{"id":"21-tubelight-navbar","title":"Tubelight Navbar","category":"Navigation","tier":"premium","poster":"/web/prompt-previews/prompt-media/af89308812c6dea8.jpg","image":"/web/prompt-previews/prompt-media/af89308812c6dea8.jpg","video":"/web/prompt-previews/prompt-media/a2ae6ca57c41b06e.mp4","chars":3298,"locked":true,"preview":"A sleek and modern navigation bar component with smooth animations and a dynamic indicator. Perfect for primary navigation in web applications. Features - …"},{"id":"21-sparkles","title":"Sparkles","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/6a344fd245624504.jpg","image":"/web/prompt-previews/prompt-media/6a344fd245624504.jpg","video":"/web/prompt-previews/prompt-media/07f11be64d675186.mp4","chars":11682,"locked":true,"preview":"A configurable sparkles component that can be used as …"},{"id":"21-dock","title":"Dock","category":"Navigation","tier":"premium","poster":"/web/prompt-previews/prompt-media/1f715a4c130a422b.jpg","image":"/web/prompt-previews/prompt-media/1f715a4c130a422b.jpg","video":"/web/prompt-previews/prompt-media/fa34212e5c3ec2cc.mp4","chars":5746,"locked":true,"preview":"A versatile UI element that provides a flexible and customizable way to …"},{"id":"21-container-scroll-animation","title":"Container Scroll Animation","category":"Scroll","tier":"premium","poster":"/web/prompt-previews/prompt-media/398a36f9d0ad84d8-c.jpg","image":"/web/prompt-previews/prompt-media/398a36f9d0ad84d8.jpg","video":"/web/prompt-previews/prompt-media/1b4126cd47116afb.mp4","chars":2783,"locked":true,"preview":"A scroll animation that rotates in 3d on scroll …"},{"id":"21-footer-section","title":"Footer section","category":"Footer","tier":"premium","poster":"/web/prompt-previews/prompt-media/b574c16d3e79c8c7-c.jpg","image":"/web/prompt-previews/prompt-media/b574c16d3e79c8c7.jpg","video":null,"chars":6964,"locked":true,"preview":"Basic footer …"},{"id":"21-rainbow-button","title":"Rainbow Button","category":"Button","tier":"premium","poster":"/web/prompt-previews/prompt-media/d18129f9c157ce9a.jpg","image":"/web/prompt-previews/prompt-media/d18129f9c157ce9a.jpg","video":"/web/prompt-previews/prompt-media/c34f4591da47bcaf.mp4","chars":1891,"locked":true,"preview":"An animated button …"},{"id":"21-text-rotate","title":"Text Rotate","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/e6edcc3f2ff7f8a8.jpg","image":"/web/prompt-previews/prompt-media/e6edcc3f2ff7f8a8.jpg","video":null,"chars":7895,"locked":true,"preview":"A text component that switches …"},{"id":"21-animated-hero","title":"Animated hero","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/2f0b886f92993f61-c.jpg","image":"/web/prompt-previews/prompt-media/2f0b886f92993f61.jpg","video":"/web/prompt-previews/prompt-media/c1fd797387d3d409.mp4","chars":3191,"locked":true,"preview":"Animated hero with text …"},{"id":"21-dialog","title":"Dialog","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/8c964590b202f8f6.jpg","image":"/web/prompt-previews/prompt-media/8c964590b202f8f6.jpg","video":null,"chars":4084,"locked":true,"preview":"Enhanced …"},{"id":"21-bento-grid","title":"Bento Grid","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/b9debafa3356cae5.jpg","image":"/web/prompt-previews/prompt-media/b9debafa3356cae5.jpg","video":"/web/prompt-previews/prompt-media/e4a7257d3dce3be7.mp4","chars":2484,"locked":true,"preview":"A skewed grid layout with Title …"},{"id":"21-ai-voice-input","title":"AI Voice Input","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/5357fe4f224d6014.jpg","image":"/web/prompt-previews/prompt-media/5357fe4f224d6014.jpg","video":"/web/prompt-previews/prompt-media/1ed8736972c2c3d4.mp4","chars":4375,"locked":true,"preview":"A voice input component with an animated visualizer and recording timer. It includes a demo mode, customizable visualizer, and recording callbacks. Features …"},{"id":"21-pricing-section","title":"Pricing Section","category":"Pricing","tier":"premium","poster":"/web/prompt-previews/prompt-media/c2db6a8a440bfc04.jpg","image":"/web/prompt-previews/prompt-media/c2db6a8a440bfc04.jpg","video":"/web/prompt-previews/prompt-media/aa8af3421a2e09ec.mp4","chars":2001,"locked":true,"preview":"A comprehensive pricing section component that combines animated tabs and pricing cards. Originally built for Dub.co's pricing page. Features - …"},{"id":"21-display-cards","title":"Display Cards","category":"Card","tier":"premium","poster":"/web/prompt-previews/prompt-media/3628afa9e86d1e0a.jpg","image":"/web/prompt-previews/prompt-media/3628afa9e86d1e0a.jpg","video":"/web/prompt-previews/prompt-media/5b79a54604038721.mp4","chars":3434,"locked":true,"preview":"A visually appealing stacked card layout with hover animations and grayscale effects. Features: • Stacked card layout • Hover animations • Grayscale effects …"},{"id":"21-table","title":"Table","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/b56f1d1f8ff4b704-c.jpg","image":"/web/prompt-previews/prompt-media/b56f1d1f8ff4b704.jpg","video":null,"chars":3002,"locked":true,"preview":"Shadcn table with …"},{"id":"21-waves-background","title":"Waves Background","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/30e50bca08bd32ee-c.jpg","image":"/web/prompt-previews/prompt-media/30e50bca08bd32ee.jpg","video":"/web/prompt-previews/prompt-media/fa97d3b4e3afa702.mp4","chars":10539,"locked":true,"preview":"An interactive wave animation background with cursor-based physics interactions creates a dynamic grid of connected points that respond to mouse or touch …"},{"id":"21-empty-state","title":"Empty State","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/4df95fc84d82972d.jpg","image":"/web/prompt-previews/prompt-media/4df95fc84d82972d.jpg","video":"/web/prompt-previews/prompt-media/70c0e3d61ed1e3e1.mp4","chars":3013,"locked":true,"preview":"Empty state card with shadcn/ui …"},{"id":"21-feature-section-with-hover-effects","title":"Feature Section with hover effects","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/42b5aaabfb7280ce-c.jpg","image":"/web/prompt-previews/prompt-media/42b5aaabfb7280ce.jpg","video":"/web/prompt-previews/prompt-media/e0a074c1a59b8817.mp4","chars":3762,"locked":true,"preview":"Feature Section …"},{"id":"21-animated-testimonials","title":"Animated Testimonials","category":"Testimonial","tier":"premium","poster":"/web/prompt-previews/prompt-media/287d7b37fa7e41f3-c.jpg","image":"/web/prompt-previews/prompt-media/287d7b37fa7e41f3.jpg","video":"/web/prompt-previews/prompt-media/44e11e07091079c2.mp4","chars":6439,"locked":true,"preview":"Minimal testimonials sections with image and quote. Features: - Image Carousel: Enjoy smooth animated image transitions with cool 3D rotation effects. - Word …"},{"id":"21-lamp","title":"Lamp","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/9f0a0cfd238c7639.jpg","image":"/web/prompt-previews/prompt-media/9f0a0cfd238c7639.jpg","video":"/web/prompt-previews/prompt-media/15918f8a22b5f51e.mp4","chars":4316,"locked":true,"preview":"A lamp effect as seen on linear …"},{"id":"21-testimonials-with-marquee","title":"Testimonials with Marquee","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/eb884371e944c5f8-c.jpg","image":"/web/prompt-previews/prompt-media/eb884371e944c5f8.jpg","video":"/web/prompt-previews/prompt-media/10a6a69e2e32bcbd.mp4","chars":2592,"locked":true,"preview":"A dynamic testimonials section with infinite scroll animation featuring a headline, description, and auto-scrolling testimonial cards that pause on hover …"},{"id":"21-world-map","title":"World Map","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/38f5c0fe2e5de7f8-c.jpg","image":"/web/prompt-previews/prompt-media/38f5c0fe2e5de7f8.jpg","video":null,"chars":5436,"locked":true,"preview":"A world map with animated lines and …"},{"id":"21-gooey-text-morphing","title":"Gooey Text Morphing","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/e5e7fa744bb67f96.jpg","image":"/web/prompt-previews/prompt-media/e5e7fa744bb67f96.jpg","video":"/web/prompt-previews/prompt-media/70abb645ef88220b.mp4","chars":4469,"locked":true,"preview":"A fluid text morphing component that creates smooth, gooey transitions between words. This component is designed to work seamlessly with shadcn/ui themes …"},{"id":"21-pricing","title":"Pricing","category":"Pricing","tier":"premium","poster":"/web/prompt-previews/prompt-media/bcb39a3ba8757527-c.jpg","image":"/web/prompt-previews/prompt-media/bcb39a3ba8757527.jpg","video":"/web/prompt-previews/prompt-media/7f1aa6ac88449d1a.mp4","chars":7934,"locked":true,"preview":"A dynamic pricing section with animated cards, confetti effects, and monthly/yearly toggle. Features: • Animated pricing cards using Framer Motion • …"},{"id":"21-star-border","title":"Star Border","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/774586e4aa4ab88d.jpg","image":"/web/prompt-previews/prompt-media/774586e4aa4ab88d.jpg","video":"/web/prompt-previews/prompt-media/d7a90aee2096ba81.mp4","chars":2216,"locked":true,"preview":"A button component with an animated star border effect featuring a subtle animated gradient border that moves across the edges. It automatically adapts to …"},{"id":"21-globe","title":"Globe","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/41121da547cdf0ce.jpg","image":"/web/prompt-previews/prompt-media/41121da547cdf0ce.jpg","video":"/web/prompt-previews/prompt-media/1452773c5d11d37a.mp4","chars":3341,"locked":true,"preview":"An autorotating, interactive, and highly …"},{"id":"21-gravity","title":"Gravity","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/98e0096c6acf5d79.jpg","image":"/web/prompt-previews/prompt-media/98e0096c6acf5d79.jpg","video":"/web/prompt-previews/prompt-media/40a7fcaea75cea25.mp4","chars":14817,"locked":true,"preview":"A set of wrapper components for creating physics-based gravity animations with Matter.js. Setting up Matter.js for creating physics-based animations can be a …"},{"id":"21-highlighter","title":"Highlighter","category":"Component","tier":"premium","poster":"/web/prompt-previews/21-highlighter-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/745532e38b41a0bf.mp4","chars":11202,"locked":true,"preview":"Highlighter …"},{"id":"21-glow-effect","title":"Glow Effect","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/2b58a62cd9580034.jpg","image":"/web/prompt-previews/prompt-media/2b58a62cd9580034.jpg","video":null,"chars":3719,"locked":true,"preview":"A customizable glow effect with animation …"},{"id":"21-feature-section","title":"Feature Section","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/59f36df68b2a00ec-c.jpg","image":"/web/prompt-previews/prompt-media/59f36df68b2a00ec.jpg","video":"/web/prompt-previews/prompt-media/4b9a4b11ed7cc89b.mp4","chars":4700,"locked":true,"preview":"A sleek, animated feature section showcasing steps with engaging visuals and smooth transitions. Features - Auto-advancing steps with progress - Smooth …"},{"id":"21-canvas","title":"Canvas","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/4d1b9aed2a1c34fb-c.jpg","image":"/web/prompt-previews/prompt-media/4d1b9aed2a1c34fb.jpg","video":"/web/prompt-previews/prompt-media/01a39ba3ffedda2f.mp4","chars":5431,"locked":true,"preview":"Canva …"},{"id":"21-gooey-filter","title":"Gooey Filter","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/0d0a8a2724d08281.jpg","image":"/web/prompt-previews/prompt-media/0d0a8a2724d08281.jpg","video":null,"chars":930,"locked":true,"preview":"An svg filter component that creates a gooey effect on the background. Can be used to create fluid …"},{"id":"21-animated-tooltip","title":"Animated Tooltip","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/3868948bc41064e2.jpg","image":"/web/prompt-previews/prompt-media/3868948bc41064e2.jpg","video":"/web/prompt-previews/prompt-media/05404e59e79620fb.mp4","chars":4213,"locked":true,"preview":"A cool tooltip that reveals on hover, follows mouse pointer Features: - Mouse Following: The tooltip moves and rotates with your cursor. - Spring Animation …"},{"id":"21-navbar-menu","title":"Navbar Menu","category":"Navigation","tier":"premium","poster":"/web/prompt-previews/prompt-media/cbf496106263f48d-c.jpg","image":"/web/prompt-previews/prompt-media/cbf496106263f48d.jpg","video":"/web/prompt-previews/prompt-media/4056f6a0bc12679d.mp4","chars":3164,"locked":true,"preview":"A navbar menu that animates its children …"},{"id":"21-flickering-grid","title":"Flickering Grid","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/4c0174c038aea25a-c.jpg","image":"/web/prompt-previews/prompt-media/4c0174c038aea25a.jpg","video":"/web/prompt-previews/prompt-media/7d9ebbbaf8e0e081.mp4","chars":5312,"locked":true,"preview":"A flickering grid background made with SVGs …"},{"id":"21-expandable-chat","title":"Expandable Chat","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/f0103565d7e1a8ca-c.jpg","image":"/web/prompt-previews/prompt-media/f0103565d7e1a8ca.jpg","video":"/web/prompt-previews/prompt-media/78b721fa4bb6f599.mp4","chars":4484,"locked":true,"preview":"The ExpandableChat expandable-chat.tsx component gives an easily installable component for quickly creating a chat support ui feature. There's an example …"},{"id":"21-gradient-button","title":"Gradient Button","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/5de22c87bf93b41a.jpg","image":"/web/prompt-previews/prompt-media/5de22c87bf93b41a.jpg","video":"/web/prompt-previews/prompt-media/3f66bba58bde5cee.mp4","chars":1776,"locked":true,"preview":"A beautiful button component with animated gradient background and border effects, inspired by Aaron Iker's implementation of James design concept. Features …"},{"id":"21-button","title":"Button","category":"Button","tier":"premium","poster":"/web/prompt-previews/prompt-media/753266f70f46a14d.jpg","image":"/web/prompt-previews/prompt-media/753266f70f46a14d.jpg","video":null,"chars":2062,"locked":true,"preview":"Enhanced …"},{"id":"21-moving-border","title":"Moving Border","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/26aba266651c7c85.jpg","image":"/web/prompt-previews/prompt-media/26aba266651c7c85.jpg","video":"/web/prompt-previews/prompt-media/385a2eded54b89ac.mp4","chars":3287,"locked":true,"preview":"A border that moves around the container …"},{"id":"21-typewriter","title":"Typewriter","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/96dbe81de314d2de.jpg","image":"/web/prompt-previews/prompt-media/96dbe81de314d2de.jpg","video":"/web/prompt-previews/prompt-media/3d4a25e39a272850.mp4","chars":4183,"locked":true,"preview":"A component that types out a text, one letter at a time. As a text, either a string or an array of strings can be passed to the component. The component will …"},{"id":"21-3d-carousel","title":"3D Carousel","category":"Showcase","tier":"premium","poster":"/web/prompt-previews/prompt-media/6726d0d91f128a0f-c.jpg","image":"/web/prompt-previews/prompt-media/6726d0d91f128a0f.jpg","video":"/web/prompt-previews/prompt-media/caec91417ca7adf4.mp4","chars":6954,"locked":true,"preview":"A 3D …"},{"id":"21-hero-section-dark","title":"Hero Section Dark","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/ddccf55f92460edd.jpg","image":"/web/prompt-previews/prompt-media/ddccf55f92460edd.jpg","video":null,"chars":6288,"locked":true,"preview":"Premium component — sign in and unlock to copy the full spec."},{"id":"21-text-shimmer","title":"Text Shimmer","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/e7d548cece6521ee.jpg","image":"/web/prompt-previews/prompt-media/e7d548cece6521ee.jpg","video":"/web/prompt-previews/prompt-media/d56abd52df425283.mp4","chars":1851,"locked":true,"preview":"Shimmer effect on text. Easily adjust the …"},{"id":"21-background-paths","title":"Background Paths","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/4fca046242e09552-c.jpg","image":"/web/prompt-previews/prompt-media/4fca046242e09552.jpg","video":null,"chars":6052,"locked":true,"preview":"Landing Background …"},{"id":"21-background-gradient-animation","title":"Background Gradient Animation","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/92f8b7e71ff62a91.jpg","image":"/web/prompt-previews/prompt-media/92f8b7e71ff62a91.jpg","video":null,"chars":6721,"locked":true,"preview":"A smooth and elegant background gradient animation …"},{"id":"21-interactive-hover-button","title":"Interactive Hover Button","category":"Button","tier":"premium","poster":"/web/prompt-previews/prompt-media/c80949f43dd02daf.jpg","image":"/web/prompt-previews/prompt-media/c80949f43dd02daf.jpg","video":"/web/prompt-previews/prompt-media/d4eb986d8f0927fb.mp4","chars":1739,"locked":true,"preview":"A visually engaging button component that responds to hover with dynamic transitions, adapting …"},{"id":"21-evervault-card","title":"Evervault Card","category":"Card","tier":"premium","poster":"/web/prompt-previews/prompt-media/9b19fc36c1bf8ff4-c.jpg","image":"/web/prompt-previews/prompt-media/9b19fc36c1bf8ff4.jpg","video":"/web/prompt-previews/prompt-media/1647b49a9f2fad28.mp4","chars":3627,"locked":true,"preview":"A cool card with amazing hover effect, reveals …"},{"id":"21-wavy-background","title":"Wavy Background","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/bce3a78f9898c5ec.jpg","image":"/web/prompt-previews/prompt-media/bce3a78f9898c5ec.jpg","video":"/web/prompt-previews/prompt-media/2bd8db9c028ea907.mp4","chars":3236,"locked":true,"preview":"A cool background effect …"},{"id":"21-glowing-effect","title":"Glowing Effect","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/c91ec50768294946-c.jpg","image":"/web/prompt-previews/prompt-media/c91ec50768294946.jpg","video":null,"chars":6761,"locked":true,"preview":"A border glowing effect that adapts to any …"},{"id":"21-sidebar-news","title":"Sidebar News","category":"Navigation","tier":"premium","poster":"/web/prompt-previews/prompt-media/cf29490d8fe16de7.jpg","image":"/web/prompt-previews/prompt-media/cf29490d8fe16de7.jpg","video":"/web/prompt-previews/prompt-media/a25ff1adbdfee3f0.mp4","chars":12048,"locked":true,"preview":"A stackable news card component that displays updates in an interactive card format. Built for Dub.co's notification system. Features - Stacked card layout …"},{"id":"21-logo-carousel","title":"Logo Carousel","category":"Showcase","tier":"premium","poster":"/web/prompt-previews/prompt-media/3bbc9e0baa5e0851.jpg","image":"/web/prompt-previews/prompt-media/3bbc9e0baa5e0851.jpg","video":"/web/prompt-previews/prompt-media/c595c3de587b76d2.mp4","chars":3964,"locked":true,"preview":"Logo …"},{"id":"21-glare-card","title":"Glare Card","category":"Card","tier":"premium","poster":"/web/prompt-previews/prompt-media/872c274805ea3dd6-c.jpg","image":"/web/prompt-previews/prompt-media/872c274805ea3dd6.jpg","video":"/web/prompt-previews/prompt-media/33c20b823ac9b951.mp4","chars":6644,"locked":true,"preview":"A glare effect that happens on …"},{"id":"21-background-beams","title":" Background Beams","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/71ba6314bacf3beb.jpg","image":"/web/prompt-previews/prompt-media/71ba6314bacf3beb.jpg","video":"","chars":10041,"locked":true,"preview":"Multiple background beams that follow a path of …"},{"id":"21-squares-background","title":"Squares Background","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/433b2dd52b0da057.jpg","image":"/web/prompt-previews/prompt-media/433b2dd52b0da057.jpg","video":"/web/prompt-previews/prompt-media/31315244238c9a91.mp4","chars":5893,"locked":true,"preview":"A canvas-based animated grid background with interactive hover effects creates a dynamic grid pattern that moves in specified directions with smooth …"},{"id":"21-particles","title":"Particles","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/22ca70edbf05a346.jpg","image":"/web/prompt-previews/prompt-media/22ca70edbf05a346.jpg","video":null,"chars":7723,"locked":true,"preview":"Particles are a fun way to add some visual flair to your website. They can be …"},{"id":"21-theme-toggle","title":"Theme Toggle","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/cb0ff59896344070.jpg","image":"/web/prompt-previews/prompt-media/cb0ff59896344070.jpg","video":"/web/prompt-previews/prompt-media/cc279c0d76d24862.mp4","chars":2234,"locked":true,"preview":"Cool Toggles with framer motion animations …"},{"id":"21-interactive-bento-gallery","title":"Interactive Bento Gallery","category":"Showcase","tier":"premium","poster":"/web/prompt-previews/prompt-media/b91089cbe0a5ec51-c.jpg","image":"/web/prompt-previews/prompt-media/b91089cbe0a5ec51.jpg","video":null,"chars":19723,"locked":true,"preview":"Interactive …"},{"id":"21-hero","title":"Hero","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/6a96fc71cc0dff12.jpg","image":"/web/prompt-previews/prompt-media/6a96fc71cc0dff12.jpg","video":"/web/prompt-previews/prompt-media/55a84efa482f0a31.mp4","chars":5782,"locked":true,"preview":"A hero section component with animated gradient background and customizable content. Features - Animated gradient background - Customizable title …"},{"id":"21-confetti","title":"Confetti","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/cf2d0069d6cf298c.jpg","image":"/web/prompt-previews/prompt-media/cf2d0069d6cf298c.jpg","video":null,"chars":3289,"locked":true,"preview":"Confetti animations are best used to delight …"},{"id":"21-expandable-card","title":"Expandable Card","category":"Card","tier":"premium","poster":"/web/prompt-previews/prompt-media/2e77ca31f9b3eee2-c.jpg","image":"/web/prompt-previews/prompt-media/2e77ca31f9b3eee2.jpg","video":"/web/prompt-previews/prompt-media/0b4c3b766af32340.mp4","chars":8088,"locked":true,"preview":"An interactive, expandable card component for displaying project status and details with smooth animations. Notes: • Built with Framer Motion for smooth …"},{"id":"21-bento-grid-2","title":"Bento Grid","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/565687d339521f09.jpg","image":"/web/prompt-previews/prompt-media/565687d339521f09.jpg","video":null,"chars":6837,"locked":true,"preview":"A nice Bento Grid with …"},{"id":"21-sparkles-text","title":"Sparkles Text","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/4c1a476d79b65688.jpg","image":"/web/prompt-previews/prompt-media/4c1a476d79b65688.jpg","video":"/web/prompt-previews/prompt-media/e6915b151ff4e24a.mp4","chars":4349,"locked":true,"preview":"A dynamic text that generates continuous sparkles with smooth …"},{"id":"21-animated-gradient-with-svg","title":"Animated Gradient With SVG","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/9789e477bbd72cef-c.jpg","image":"/web/prompt-previews/prompt-media/9789e477bbd72cef.jpg","video":"/web/prompt-previews/prompt-media/ad7313bdc31849cb.mp4","chars":3027,"locked":true,"preview":"An animated multi-color gradient background effect with SVG elements. Animated gradients can be achieved with many different techniques (shaders, CSS …"},{"id":"21-tilted-scroll","title":"Tilted Scroll","category":"Scroll","tier":"premium","poster":"/web/prompt-previews/prompt-media/86668c9172c160a1.jpg","image":"/web/prompt-previews/prompt-media/86668c9172c160a1.jpg","video":"/web/prompt-previews/prompt-media/fd8d6a10e0fb281a.mp4","chars":2869,"locked":true,"preview":"A tilted infinite scroll component with a 3D perspective effect. Features smooth scrolling animation and interactive hover states for each item …"},{"id":"21-ai-input-with-loading","title":"AI Input With Loading","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/8e087837dc8a6a76.jpg","image":"/web/prompt-previews/prompt-media/8e087837dc8a6a76.jpg","video":"/web/prompt-previews/prompt-media/f1c0d4eab69d3bd1.mp4","chars":4418,"locked":true,"preview":"A chat input component with a loading state animation featuring an auto-resizing textarea, loading spinner, and status message. Features: • Loading state …"},{"id":"21-hero-video-dialog","title":"Hero Video Dialog","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/634a0b801c5bd864-c.jpg","image":"/web/prompt-previews/prompt-media/634a0b801c5bd864.jpg","video":null,"chars":4756,"locked":true,"preview":"A hero video …"},{"id":"21-interactive-icon-cloud","title":"Interactive Icon Cloud","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/3f190755f83286c2.jpg","image":"/web/prompt-previews/prompt-media/3f190755f83286c2.jpg","video":null,"chars":2088,"locked":true,"preview":"An interactive 3D …"},{"id":"21-filters","title":"Filters","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/97d65bd5338f30b5.jpg","image":"/web/prompt-previews/prompt-media/97d65bd5338f30b5.jpg","video":null,"chars":19728,"locked":true,"preview":"A Linear inspired …"},{"id":"21-ai-input-with-search","title":"AI Input With Search","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/a77697027fabcf9b.jpg","image":"/web/prompt-previews/prompt-media/a77697027fabcf9b.jpg","video":"/web/prompt-previews/prompt-media/b8cf85e99dd86f7a.mp4","chars":6334,"locked":true,"preview":"A modern chat input component with a web search toggle and file upload functionality. This component features an animated search toggle, file attachment …"},{"id":"21-animated-gradient-background","title":"Animated Gradient Background","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/47ba8aa2542a932c.jpg","image":"/web/prompt-previews/prompt-media/47ba8aa2542a932c.jpg","video":null,"chars":5018,"locked":true,"preview":"An animated …"},{"id":"21-animated-beam","title":"Animated Beam","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/85c5d2b5025c3651.jpg","image":"/web/prompt-previews/prompt-media/85c5d2b5025c3651.jpg","video":null,"chars":5290,"locked":true,"preview":"An animated beam of light which travels along a path. Useful for …"},{"id":"21-dock-two","title":"Dock","category":"Navigation","tier":"premium","poster":"/web/prompt-previews/prompt-media/04c201490ee84fe2.jpg","image":"/web/prompt-previews/prompt-media/04c201490ee84fe2.jpg","video":null,"chars":2612,"locked":true,"preview":"Cool …"},{"id":"21-dotted-dialog","title":"Dotted Dialog","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/fb1a77331a6be1c3-c.jpg","image":"/web/prompt-previews/prompt-media/fb1a77331a6be1c3.jpg","video":null,"chars":4525,"locked":true,"preview":"A customized dialog component based on shadcn/ui Dialog with a dotted background pattern inspired by Motion.dev website. Features: • Dotted background …"},{"id":"21-link-preview","title":"Link Preview","category":"Testimonial","tier":"premium","poster":"/web/prompt-previews/prompt-media/22c1fe1cec31b71c-c.jpg","image":"/web/prompt-previews/prompt-media/22c1fe1cec31b71c.jpg","video":"/web/prompt-previews/prompt-media/c1ea70f6cd50170b.mp4","chars":4315,"locked":true,"preview":"Dynamic link previews …"},{"id":"21-chat-message-list","title":"Chat Message List","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/8593c9e7d40385d3.jpg","image":"/web/prompt-previews/prompt-media/8593c9e7d40385d3.jpg","video":"/web/prompt-previews/prompt-media/d687178088c686e9.mp4","chars":1917,"locked":true,"preview":"The ChatMessageList component (chat-message-list.tsx) is a simple wrapper component for the <ChatBubble> components. It also includes a custom useAutoScroll …"},{"id":"21-input","title":"Input","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/f28451f5816ff8a3.jpg","image":"/web/prompt-previews/prompt-media/f28451f5816ff8a3.jpg","video":null,"chars":1382,"locked":true,"preview":"Upgaraded …"},{"id":"21-google-gemini-effect","title":"Google Gemini Effect","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/fb5490bc009b07a1.jpg","image":"/web/prompt-previews/prompt-media/fb5490bc009b07a1.jpg","video":null,"chars":11381,"locked":true,"preview":"An effect of SVGs as seen on …"},{"id":"21-activity-card","title":"Activity Card","category":"Card","tier":"premium","poster":"/web/prompt-previews/prompt-media/35fe16f7354833d3.jpg","image":"/web/prompt-previews/prompt-media/35fe16f7354833d3.jpg","video":"/web/prompt-previews/prompt-media/61fb0cbc0a4d8495.mp4","chars":6825,"locked":true,"preview":"A versatile card component for displaying fitness and activity tracking data with interactive goals and metrics visualization. Features - Metric Rings - …"},{"id":"21-hero-with-mockup","title":"Hero with Mockup","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/83288d6ac5431f91-c.jpg","image":"/web/prompt-previews/prompt-media/83288d6ac5431f91.jpg","video":null,"chars":4654,"locked":true,"preview":"A modern, animated hero section with mockup display and gradient effects inspired by Launch UI. It features a large headline, description, dual CTAs, and a …"},{"id":"21-placeholders-and-vanish-input","title":"Placeholders And Vanish Input","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/620ca982a5f5eede.jpg","image":"/web/prompt-previews/prompt-media/620ca982a5f5eede.jpg","video":"/web/prompt-previews/prompt-media/eb70e3ec6669e8b7.mp4","chars":8582,"locked":true,"preview":"Sliding in placeholders and …"},{"id":"21-hero-highlight","title":"Hero Highlight","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/543d51315d5a9dd8-c.jpg","image":"/web/prompt-previews/prompt-media/543d51315d5a9dd8.jpg","video":"/web/prompt-previews/prompt-media/7e9948f59d02d703.mp4","chars":3065,"locked":true,"preview":"A background effect with a text highlight …"},{"id":"21-text-generate-effect","title":"Text Generate Effect","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/2322d77e8d927722.jpg","image":"/web/prompt-previews/prompt-media/2322d77e8d927722.jpg","video":"/web/prompt-previews/prompt-media/e9ee6051f6e5a8e1.mp4","chars":1576,"locked":true,"preview":"A cool text effect that fades in …"},{"id":"21-action-search-bar","title":"Action Search Bar","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/7fc5170cf82ea4bd.jpg","image":"/web/prompt-previews/prompt-media/7fc5170cf82ea4bd.jpg","video":null,"chars":10626,"locked":true,"preview":"Action search bar …"},{"id":"21-shadcnblocks-com-navbar1","title":"Navbar with Dropdowns","category":"Navigation","tier":"premium","poster":"/web/prompt-previews/prompt-media/1abb30d8782a9930.jpg","image":"/web/prompt-previews/prompt-media/1abb30d8782a9930.jpg","video":null,"chars":9997,"locked":true,"preview":"A classic shadcn style navbar with …"},{"id":"21-background-boxes","title":"Background Boxes","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/e1aa9aebc481d1cd-c.jpg","image":"/web/prompt-previews/prompt-media/e1aa9aebc481d1cd.jpg","video":"/web/prompt-previews/prompt-media/e06f52762d89609b.mp4","chars":2605,"locked":true,"preview":"A full width background box …"},{"id":"21-video-player","title":"Video Player","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/1abb6f2e75519ac7-c.jpg","image":"/web/prompt-previews/prompt-media/1abb6f2e75519ac7.jpg","video":null,"chars":7298,"locked":true,"preview":"A video player component made with …"},{"id":"21-spinner","title":"Spinner","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/44aa7ca464eb9558.jpg","image":"/web/prompt-previews/prompt-media/44aa7ca464eb9558.jpg","video":null,"chars":6684,"locked":true,"preview":"Premium component — sign in and unlock to copy the full spec."},{"id":"21-logos3","title":"Logos 3","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/d3d15a646336f68a.jpg","image":"/web/prompt-previews/prompt-media/d3d15a646336f68a.jpg","video":null,"chars":3556,"locked":true,"preview":"Client logos scrolling automatically …"},{"id":"21-feature-with-image-comparison","title":"Feature with Image Comparison","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/7b09800aec47891e.jpg","image":"/web/prompt-previews/prompt-media/7b09800aec47891e.jpg","video":"/web/prompt-previews/prompt-media/123b203ae268fde5.mp4","chars":3755,"locked":true,"preview":"Feature block with …"},{"id":"21-parallax-floating","title":"Parallax Floating","category":"Scroll","tier":"premium","poster":"/web/prompt-previews/prompt-media/647bd61f0b72a8dd-c.jpg","image":"/web/prompt-previews/prompt-media/647bd61f0b72a8dd.jpg","video":null,"chars":3489,"locked":true,"preview":"A component that creates a parallax floating effect on cursor/touch movement …"},{"id":"21-shine-border","title":"Shine Border","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/2886f646b5b4aa35.jpg","image":"/web/prompt-previews/prompt-media/2886f646b5b4aa35.jpg","video":null,"chars":2441,"locked":true,"preview":"Shine border is an animated …"},{"id":"21-pixel-canvas","title":"Pixel Canvas","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/23db1d9284e1d92b.jpg","image":"/web/prompt-previews/prompt-media/23db1d9284e1d92b.jpg","video":null,"chars":9070,"locked":true,"preview":"Pixel …"},{"id":"21-hero-parallax","title":"Hero Parallax","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/8c9ec37dac9841ed-c.jpg","image":"/web/prompt-previews/prompt-media/8c9ec37dac9841ed.jpg","video":"/web/prompt-previews/prompt-media/7a0d23330885ad52.mp4","chars":4397,"locked":true,"preview":"A scroll effect with rotation …"},{"id":"21-animated-grid-pattern","title":"Animated Grid Pattern","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/34cee1c34a7e2181.jpg","image":"/web/prompt-previews/prompt-media/34cee1c34a7e2181.jpg","video":"/web/prompt-previews/prompt-media/acebfe17840979cb.mp4","chars":3878,"locked":true,"preview":"A animated background grid pattern made with SVGs …"},{"id":"21-fullscreen-calendar","title":"Fullscreen Calendar","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/9d2b58f4d76dd1d5.jpg","image":"/web/prompt-previews/prompt-media/9d2b58f4d76dd1d5.jpg","video":null,"chars":14878,"locked":true,"preview":"A clean and responsive fullscreen calendar component for React applications. Built with TypeScript and Tailwind CSS, it provides a spacious layout perfect …"},{"id":"21-file-upload","title":"File Upload","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/f7a4942a4526d9dc.jpg","image":"/web/prompt-previews/prompt-media/f7a4942a4526d9dc.jpg","video":"/web/prompt-previews/prompt-media/97d92a11a0f77442.mp4","chars":7006,"locked":true,"preview":"A minimal file upload form with background grid …"},{"id":"21-nested-dialog","title":"Nested Dialog","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/09a7d91b657193cc-c.jpg","image":"/web/prompt-previews/prompt-media/09a7d91b657193cc.jpg","video":"/web/prompt-previews/prompt-media/2de540adfd56d470.mp4","chars":12667,"locked":true,"preview":"A versatile and accessible nested dialog component that enables stacking multiple dialogs within each other. Perfect for complex user interactions like …"},{"id":"21-meteors","title":"Meteors","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/bb4493ccefa38b67.jpg","image":"/web/prompt-previews/prompt-media/bb4493ccefa38b67.jpg","video":"/web/prompt-previews/prompt-media/62f0911b361691fd.mp4","chars":1224,"locked":true,"preview":"A group of beams in the background of a …"},{"id":"21-popover","title":"Popover","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/6778fcf8b6a41279.jpg","image":"/web/prompt-previews/prompt-media/6778fcf8b6a41279.jpg","video":null,"chars":1814,"locked":true,"preview":"Enhanced …"},{"id":"21-morphing-dialog","title":"Morphing Dialog","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/408555936218dd48.jpg","image":"/web/prompt-previews/prompt-media/408555936218dd48.jpg","video":null,"chars":9964,"locked":true,"preview":"A dialog that uses layout animations to transition content into a focused view. It …"},{"id":"21-use-tags","title":"useTags","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/32c0241bb454fc86.jpg","image":"/web/prompt-previews/prompt-media/32c0241bb454fc86.jpg","video":null,"chars":2177,"locked":true,"preview":"A React hook for managing a collection of tags with support for colors, limits, and various operations. Features - Tag Management - Add/remove tags - Maximum …"},{"id":"21-reveal-images","title":"Reveal images","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/0b9b42c49ab8748f.jpg","image":"/web/prompt-previews/prompt-media/0b9b42c49ab8748f.jpg","video":"/web/prompt-previews/prompt-media/1bc2a52878a407ac.mp4","chars":3208,"locked":true,"preview":"Reveals the …"},{"id":"21-animated-modal","title":"Animated Modal","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/f90d9abee088dc47-c.jpg","image":"/web/prompt-previews/prompt-media/f90d9abee088dc47.jpg","video":"/web/prompt-previews/prompt-media/0b93e994343c1445.mp4","chars":5819,"locked":true,"preview":"A customizable, compound modal …"},{"id":"21-floating-panel","title":"Floating Panel","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/d9e367fbb3536a6c.jpg","image":"/web/prompt-previews/prompt-media/d9e367fbb3536a6c.jpg","video":"/web/prompt-previews/prompt-media/8053c48b0aee21d6.mp4","chars":11755,"locked":true,"preview":"A headless, composable …"},{"id":"21-calendar","title":"Calendar [React Day Picker]","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/c2f9c47344502120.jpg","image":"/web/prompt-previews/prompt-media/c2f9c47344502120.jpg","video":null,"chars":4033,"locked":true,"preview":"Calendar …"},{"id":"21-marquee","title":"Marquee","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/499cc625fcf82d81.jpg","image":"/web/prompt-previews/prompt-media/499cc625fcf82d81.jpg","video":null,"chars":1145,"locked":true,"preview":"Very useful while showcasing …"},{"id":"21-bounce-cards","title":"Bounce Cards","category":"Card","tier":"premium","poster":"/web/prompt-previews/prompt-media/bf8d72f038672041-c.jpg","image":"/web/prompt-previews/prompt-media/bf8d72f038672041.jpg","video":"/web/prompt-previews/prompt-media/70cecb6a2c90a8db.mp4","chars":2898,"locked":true,"preview":"A dynamic card layout component with bouncing animations featuring staggered entrance effects and customizable card positioning. Built with GSAP for smooth …"},{"id":"21-tilt","title":"Tilt","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/db1070c130081adb-c.jpg","image":"/web/prompt-previews/prompt-media/db1070c130081adb.jpg","video":null,"chars":2174,"locked":true,"preview":"3D tilt effect that responds to mouse movement, enhancing UI elements with a dynamic …"},{"id":"21-compare","title":"Compare","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/e00a6ed0bfe1dd43-c.jpg","image":"/web/prompt-previews/prompt-media/e00a6ed0bfe1dd43.jpg","video":"/web/prompt-previews/prompt-media/7ce64512ff9c41aa.mp4","chars":7560,"locked":true,"preview":"A comparison component between two …"},{"id":"21-tag-input","title":"Tag Input","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/9dce17eff3d1d19a.jpg","image":"/web/prompt-previews/prompt-media/9dce17eff3d1d19a.jpg","video":"/web/prompt-previews/prompt-media/4cac5675c89edafb.mp4","chars":9057,"locked":true,"preview":"A sophisticated tag input component with suggestions, autocomplete, and custom styling. Built with React and Tailwind CSS, supporting both light and dark …"},{"id":"21-pricing-table","title":"Pricing Table","category":"Pricing","tier":"premium","poster":"/web/prompt-previews/prompt-media/74aacf06e7de9828.jpg","image":"/web/prompt-previews/prompt-media/74aacf06e7de9828.jpg","video":"/web/prompt-previews/prompt-media/d239d8e2bf7ed856.mp4","chars":7357,"locked":true,"preview":"A feature comparison pricing table component with animated pricing, interval switching, and plan selection. Features - Animated price transitions with …"},{"id":"21-hero-pill","title":"Hero Pill","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/0ba59846e0c6eaf7.jpg","image":"/web/prompt-previews/prompt-media/0ba59846e0c6eaf7.jpg","video":"/web/prompt-previews/prompt-media/ee9eafc965f241cf.mp4","chars":2514,"locked":true,"preview":"A stunning and interactive announcement banner featuring smooth animations and customizable content. Features: • Fluid entrance animations • Customizable …"},{"id":"skybridge-404","title":"Skybridge 404","category":"Landing Page","tier":"free","poster":"/web/prompt-previews/skybridge-404-poster.webp","image":"/web/prompt-previews/skybridge-404-preview.mp4","video":null,"chars":7060,"locked":false,"preview":"Create a single-page, full-viewport 404 error screen in React + Vite + Tailwind CSS v4. Match this composition precisely. PAGE / CANVAS - The page must occupy the full viewport: `min-height: 100svh`. - Use a black …"},{"id":"ink-dynasty","title":"Ink Dynasty","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/ink-dynasty-poster.webp","image":"/web/prompt-previews/ink-dynasty-preview.mp4","video":null,"chars":9694,"locked":true,"preview":"Build a single-page \"Chinese ink\" hero landing page using Vite + React 18 + TypeScript + Tailwind CSS. The page title is \"Budarina\". It is one full-viewport …"},{"id":"mostar-guide","title":"Mostar Guide","category":"Landing Page","tier":"free","poster":"/web/prompt-previews/mostar-guide-poster.webp","image":"/web/prompt-previews/mostar-guide-preview.mp4","video":null,"chars":27320,"locked":false,"preview":"# 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 local assets). Every image and …"},{"id":"intelligent-operations","title":"Intelligent Operations","category":"Agency","tier":"free","poster":"/web/prompt-previews/intelligent-operations-poster.webp","image":"/web/prompt-previews/intelligent-operations-preview.mp4","video":null,"chars":10236,"locked":false,"preview":"# Exact recreation prompt — NovaAI landing page Recreate this page **pixel-faithfully**. Stack: React + TypeScript + Vite + Tailwind CSS + lucide-react. Do not invent alternate copy, layout, fonts, colors, or effects …"},{"id":"augmented-sight","title":"Augmented Sight","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/augmented-sight-poster.webp","image":"/web/prompt-previews/augmented-sight-preview.mp4","video":null,"chars":7563,"locked":true,"preview":"Build a single-page hero site called \"Ion 7 Optics\" using **Vite + React 18 + TypeScript + Tailwind CSS 3 + lucide-react**. The app renders exactly one …"},{"id":"cloud-kicks","title":"Cloud Kicks","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/cloud-kicks-poster.webp","image":"/web/prompt-previews/cloud-kicks-preview.mp4","video":null,"chars":7761,"locked":true,"preview":"Recreate a single full-viewport ecommerce landing hero for a fictional footwear brand **SkyRunner Co. (SKR)**. The page is **one section only**: white chrome …"},{"id":"forecast-center","title":"Forecast Center","category":"Mobile App","tier":"free","poster":"/web/prompt-previews/forecast-center-poster.webp","image":"/web/prompt-previews/forecast-center-preview.mp4","video":null,"chars":11257,"locked":false,"preview":"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 / Weather Forecast — Central …"},{"id":"personal-showcase","title":"Personal Showcase","category":"Portfolio","tier":"free","poster":"/web/prompt-previews/personal-showcase-poster.webp","image":"/web/prompt-previews/personal-showcase-preview.mp4","video":null,"chars":6725,"locked":false,"preview":"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 chrome - Vite + React + …"},{"id":"routine-coach","title":"Routine Coach","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/routine-coach-poster.webp","image":"/web/prompt-previews/routine-coach-preview.mp4","video":null,"chars":12630,"locked":true,"preview":"Build a pixel-accurate recreation of the **Steadyflow** marketing landing page: a single-page React + Vite + TypeScript + Tailwind CSS + Framer Motion site …"},{"id":"trustflow","title":"TrustFlow","category":"Landing Page","tier":"free","poster":"/web/prompt-previews/trustflow-poster.webp","image":"/web/prompt-previews/trustflow-preview.mp4","video":null,"chars":6174,"locked":false,"preview":"Build a single full-viewport marketing landing page for **Boomerang**, a conversational AI platform for financial institutions. Tech: React + TypeScript + Vite + Tailwind CSS + Lucide React (`ArrowRight` only). No …"},{"id":"relocation-card","title":"Relocation Card","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/relocation-card-poster.webp","image":"/web/prompt-previews/relocation-card-preview.mp4","video":null,"chars":9388,"locked":true,"preview":"# Recreate exactly: Infinite / Portale — full-viewport scroll-locked landing (2 scenes + transition video) Build a **single-page React + Vite + TypeScript + …"},{"id":"form-study","title":"Form Study","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/form-study-poster.webp","image":"/web/prompt-previews/form-study-preview.mp4","video":null,"chars":7824,"locked":true,"preview":"Recreate this exact full-viewport editorial interactive page pixel-for-pixel. Single-page React + Vite + Tailwind CSS app. Page title: \"Flow & Fluidity\" …"},{"id":"digital-director","title":"Digital Director","category":"Portfolio","tier":"free","poster":"/web/prompt-previews/digital-director-poster.webp","image":"/web/prompt-previews/digital-director-preview.mp4","video":null,"chars":8864,"locked":false,"preview":"Recreate this exact full-viewport portfolio landing page — pixel-perfect match. ═══════════════════════════════════════ TECH / STACK ═══════════════════════════════════════ - React + TypeScript + Tailwind CSS + Vite - …"},{"id":"custom-spaces","title":"Custom Spaces","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/custom-spaces-poster.webp","image":"/web/prompt-previews/custom-spaces-preview.mp4","video":null,"chars":9626,"locked":true,"preview":"Recreate this exact single-page marketing landing page for “Bespoke Architecture Studio” pixel-faithfully. Stack: React + TypeScript + Vite + Tailwind CSS …"},{"id":"sentinel","title":"Sentinel","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/sentinel-poster.webp","image":"/web/prompt-previews/sentinel-preview.mp4","video":null,"chars":36822,"locked":true,"preview":"Build a single-page dark-themed landing site for a fictional AI security product called \"Sentra\" using **Vite + React 18 + TypeScript + Tailwind CSS + …"},{"id":"arctic-lab","title":"Arctic Lab","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/arctic-lab-poster.webp","image":"/web/prompt-previews/arctic-lab-preview.mp4","video":null,"chars":29491,"locked":true,"preview":"Build a single-page \"IGLOO\" concept site using Vite + React 18 + TypeScript + Tailwind CSS 3 + framer-motion + lucide-react …"},{"id":"avant-studio","title":"Avant Studio","category":"Agency","tier":"premium","poster":"/web/prompt-previews/avant-studio-poster.webp","image":"/web/prompt-previews/avant-studio-preview.mp4","video":null,"chars":10541,"locked":true,"preview":"Recreate a single-file static HTML page (`index.html`) that matches this site **exactly**. No frameworks. One HTML file with embedded CSS and JS. --- ## …"},{"id":"editorial-eyewear","title":"Editorial Eyewear","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/editorial-eyewear-poster.webp","image":"/web/prompt-previews/editorial-eyewear-preview.mp4","video":null,"chars":9736,"locked":true,"preview":"# Exact recreation prompt — Blind by Glamour Recreate this page **pixel-for-pixel** as a static site with `index.html`, `styles.css`, and `script.js`. No …"},{"id":"remote-dev-collective","title":"Remote Dev Collective","category":"Agency","tier":"premium","poster":"/web/prompt-previews/remote-dev-collective-poster.webp","image":"/web/prompt-previews/remote-dev-collective-preview.mp4","video":null,"chars":10965,"locked":true,"preview":"Recreate this exact single-page landing site pixel-for-pixel. Stack: React 18 + TypeScript + Vite + Tailwind CSS 3 + Framer Motion + Lucide React. No other …"},{"id":"spatial-mapping-platform","title":"Spatial Mapping Platform","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/spatial-mapping-platform-poster.webp","image":"/web/prompt-previews/spatial-mapping-platform-preview.mp4","video":null,"chars":28864,"locked":true,"preview":"**Build a single-page React + Vite + TypeScript landing page using Tailwind CSS and lucide-react icons. No extra UI libraries.** **Fonts (load in index.html …"},{"id":"ai-trip-planner","title":"AI Trip Planner","category":"SaaS","tier":"free","poster":"/web/prompt-previews/ai-trip-planner-poster.webp","image":"/web/prompt-previews/ai-trip-planner-preview.mp4","video":null,"chars":13780,"locked":false,"preview":"**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 background video, a …"},{"id":"deep-neural-interface","title":"Deep Neural Interface","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/deep-neural-interface-poster.webp","image":"/web/prompt-previews/deep-neural-interface-preview.mp4","video":null,"chars":34342,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>Cortex — …"},{"id":"futuristic-eyewear","title":"Futuristic Eyewear","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/futuristic-eyewear-poster.webp","image":"/web/prompt-previews/futuristic-eyewear-preview.mp4","video":null,"chars":23195,"locked":true,"preview":"<!doctype html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /> <title>Orven</title> …"},{"id":"data-storytelling","title":"Data Storytelling","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/data-storytelling-poster.webp","image":"/web/prompt-previews/data-storytelling-preview.mp4","video":null,"chars":11487,"locked":true,"preview":"Build a single-page React + TypeScript + Vite + Tailwind CSS application. No backend, no database, no auth, no routing. The entire experience is one …"},{"id":"f1-racing-hub","title":"F1 Racing Hub","category":"Mobile App","tier":"free","poster":"/web/prompt-previews/f1-racing-hub-poster.webp","image":"/web/prompt-previews/f1-racing-hub-preview.mp4","video":null,"chars":9802,"locked":false,"preview":"# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ## Tech stack - React + TypeScript + Vite - Tailwind CSS (config extends `fontFamily.sans` = `['\"Albert Sans\"', 'sans-serif']`, plus custom `f1.dark …"},{"id":"creative-designer-portfolio","title":"Creative Designer Portfolio","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/creative-designer-portfolio-poster.webp","image":"/web/prompt-previews/creative-designer-portfolio-preview.mp4","video":null,"chars":6296,"locked":true,"preview":"**Fonts (load in index.html):** - Kudryashev Display: `https://meez.design/web/media/ext/8cea1b5280cdef33.woff2` - Space Grotesk (weights 300-700) …"},{"id":"f1-driver-profile","title":"F1 Driver Profile","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/f1-driver-profile-poster.webp","image":"/web/prompt-previews/f1-driver-profile-preview.mp4","video":null,"chars":6705,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>F1 Hero …"},{"id":"shipping-infrastructure","title":"Shipping Infrastructure","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/shipping-infrastructure-poster.webp","image":"/web/prompt-previews/shipping-infrastructure-preview.mp4","video":null,"chars":7019,"locked":true,"preview":"Build a Vite + React + TypeScript + Tailwind CSS single-page hero section for a developer-tools brand called **Vectis**. The aesthetic is a premium, minimal …"},{"id":"immersive-studio","title":"Immersive Studio","category":"Agency","tier":"premium","poster":"/web/prompt-previews/immersive-studio-poster.webp","image":"/web/prompt-previews/immersive-studio-preview.mp4","video":null,"chars":26613,"locked":true,"preview":"# EXACT RECREATION PROMPT ## Tech Stack Create a Vite + React + TypeScript project with Tailwind CSS. Install these exact dependencies: - `framer-motion` …"},{"id":"imperial-vpn","title":"Imperial VPN","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/imperial-vpn-poster.webp","image":"/web/prompt-previews/imperial-vpn-preview.mp4","video":null,"chars":46083,"locked":true,"preview":"Recreate this EXACT one-page Legion VPN landing page as a React + Vite + TypeScript + Tailwind CSS app. Match every layout detail, asset URL, font, animation …"},{"id":"inner-quest","title":"Inner Quest","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/inner-quest-poster.webp","image":"/web/prompt-previews/inner-quest-preview.mp4","video":null,"chars":8014,"locked":true,"preview":"# Exact Recreation Prompt: Voral.co Landing Page ## Tech Stack - **Framework**: React 18 + TypeScript - **Build tool**: Vite - **Styling**: Tailwind CSS 3.4 …"},{"id":"ai-workflow-agents","title":"AI Workflow Agents","category":"SaaS","tier":"free","poster":"/web/prompt-previews/ai-workflow-agents-poster.webp","image":"/web/prompt-previews/ai-workflow-agents-preview.mp4","video":null,"chars":3151,"locked":false,"preview":"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 background video and overlaid …"},{"id":"mind-body-healing","title":"Mind-Body Healing","category":"Landing Page","tier":"free","poster":"/web/prompt-previews/mind-body-healing-poster.webp","image":"/web/prompt-previews/mind-body-healing-preview.mp4","video":null,"chars":5168,"locked":false,"preview":"Build a single-page hero landing page for a holistic wellness brand called \"Vibrant Wellness.\" Use React, TypeScript, Tailwind CSS, and Lucide React icons. Load Google Fonts \"Inter\" (weights 300, 400, 500, 600, 700) …"},{"id":"automotive-ai","title":"Automotive AI","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/automotive-ai-poster.webp","image":"/web/prompt-previews/automotive-ai-preview.mp4","video":null,"chars":38611,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> …"},{"id":"cybersecurity","title":"Cybersecurity","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/cybersecurity-poster.webp","image":"/web/prompt-previews/cybersecurity-preview.mp4","video":null,"chars":9160,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>Vektis …"},{"id":"mythic-vpn","title":"Mythic VPN","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/mythic-vpn-poster.webp","image":"/web/prompt-previews/mythic-vpn-preview.mp4","video":null,"chars":46719,"locked":true,"preview":"**Build a premium VPN landing page called \"Legion VPN\" using React, Vite, Tailwind CSS v4 (`@tailwindcss/vite` plugin), Motion (the `motion/react` package) …"},{"id":"innovation-lab","title":"Innovation Lab","category":"Landing Page","tier":"free","poster":"/web/prompt-previews/innovation-lab-poster.webp","image":"/web/prompt-previews/innovation-lab-preview.mp4","video":null,"chars":6847,"locked":false,"preview":"Create a full-screen immersive landing page for a fictional creative-tech studio called \"VortxLab Creations\" (brand: \"V O R T X\"). The page features a looping background video, a glassmorphism-cut button aesthetic …"},{"id":"aesthetic-dental-clinic","title":"Aesthetic Dental Clinic","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/aesthetic-dental-clinic-poster.jpg","image":"/web/prompt-previews/aesthetic-dental-clinic-preview.mp4","video":null,"chars":6154,"locked":true,"preview":"Create a single-page dentistry landing page called \"Denta — Total Oral Wellness & Aesthetic Dentistry\" as a single `index.html` file using Vite (no …"},{"id":"fun-404-page","title":"Fun 404 Page","category":"Landing Page","tier":"free","poster":"/web/prompt-previews/fun-404-page-poster.webp","image":"/web/prompt-previews/fun-404-page-preview.mp4","video":null,"chars":19571,"locked":false,"preview":"Build a full-screen animated 404 error page for a children's brand called \"TinyTrails\" using React, Tailwind CSS, and Lucide React icons. The page must be a single `App.tsx` component. Use the Inter font (weights …"},{"id":"model-infrastructure","title":"Model Infrastructure","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/model-infrastructure-poster.webp","image":"/web/prompt-previews/model-infrastructure-preview.mp4","video":null,"chars":14156,"locked":true,"preview":"**Build a single-page landing page for an AI infrastructure company called \"Prime Intellect.\" The design is dark, minimal, editorial, and cinematic -- …"},{"id":"wellness-device","title":"Wellness Device","category":"Landing Page","tier":"free","poster":"/web/prompt-previews/wellness-device-poster.webp","image":"/web/prompt-previews/wellness-device-preview.mp4","video":null,"chars":6652,"locked":false,"preview":"Build a single-page hero section for a product called \"Measured\" — a health/wellness wearable device landing page. The page is fullscreen (100vh), dark/moody aesthetic with layered imagery, a cursor-following …"},{"id":"church-community","title":"Church Community","category":"Mobile App","tier":"free","poster":"/web/prompt-previews/church-community-poster.jpg","image":"/web/prompt-previews/church-community-preview.mp4","video":null,"chars":5245,"locked":false,"preview":"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 Manrope font (weights: Light …"},{"id":"modern-dental-clinic","title":"Modern Dental Clinic","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/modern-dental-clinic-poster.jpg","image":"/web/prompt-previews/modern-dental-clinic-preview.mp4","video":null,"chars":5290,"locked":true,"preview":"Build a full-screen dental clinic hero section using React + Tailwind CSS + Lucide React icons. Use the Inter font (weights 300, 400, 500, 600, 700) from …"},{"id":"adhd-planner","title":"ADHD Planner","category":"Landing Page","tier":"free","poster":"/web/prompt-previews/adhd-planner-poster.webp","image":"/web/prompt-previews/adhd-planner-preview.mp4","video":null,"chars":8407,"locked":false,"preview":"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 Import via Google Fonts in …"},{"id":"performance-eyewear","title":"Performance Eyewear","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/performance-eyewear-poster.webp","image":"/web/prompt-previews/performance-eyewear-preview.mp4","video":null,"chars":8257,"locked":true,"preview":"Build a single-page vanilla HTML/CSS/JS site (no frameworks, served via Vite) for a luxury performance eyewear brand called \"Orven\". The entire page is a …"},{"id":"jewelry-store","title":"Jewelry Store","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/jewelry-store-poster.jpg","image":"/web/prompt-previews/jewelry-store-poster.jpg","video":null,"chars":21290,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>Blue …"},{"id":"ai-driving-assistant","title":"AI Driving Assistant","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/ai-driving-assistant-poster.webp","image":"/web/prompt-previews/ai-driving-assistant-preview.mp4","video":null,"chars":25411,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>Auren — Your …"},{"id":"lending-ai-agents","title":"Lending AI Agents","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/lending-ai-agents-poster.webp","image":"/web/prompt-previews/lending-ai-agents-preview.mp4","video":null,"chars":5095,"locked":true,"preview":"> Build a single-page landing page for a brand called **\"Aethera\"** (a fintech/AI company for lending). Use **React + TypeScript + Vite + Tailwind CSS + …"},{"id":"18","title":"Loader Animation","category":"Component","tier":"premium","poster":null,"image":null,"video":null,"chars":3313,"locked":true,"preview":"Build a fullscreen loading screen component in React (Next.js 14, TypeScript). Uses Framer Motion for animations. Here is the exact specification: Theme css …"},{"id":"3d-property","title":"3D Property","category":"Real Estate","tier":"premium","poster":null,"image":null,"video":null,"chars":12929,"locked":true,"preview":"Build a **single self-contained `index.html`** (inline CSS + JS, no build step) that pixel-matches this real-estate “fluid property UI” overlay. Title …"},{"id":"4","title":"Datacore SaaS Hero","category":"SaaS","tier":"premium","poster":null,"image":null,"video":null,"chars":2611,"locked":true,"preview":"Build a high-fidelity, production-ready Hero section for a SaaS product called \"Datacore\" using React, Tailwind CSS, and Lucide Icons. ### Design Style - …"},{"id":"adaptive-learning","title":"Adaptive Learning","category":"Education","tier":"premium","poster":null,"image":null,"video":null,"chars":7738,"locked":true,"preview":"**Recreate this exact LEARNIQ EdTech hero landing page as a single React + TypeScript + Vite + Tailwind CSS component. Match every detail below precisely — …"},{"id":"agent-crew","title":"Agent Crew","category":"AI","tier":"premium","poster":null,"image":null,"video":null,"chars":8642,"locked":true,"preview":"Build a fully responsive, single-page landing page for an AI-agent platform named “Metricra.” The page should be implemented in React + Vite + Tailwind CSS …"},{"id":"agent-grove","title":"Agent Grove","category":"SaaS","tier":"free","poster":null,"image":null,"video":null,"chars":7884,"locked":false,"preview":"Build a single full-screen (`h-screen w-full overflow-hidden`) hero page for **nexum** — a dark cinematic AI-ops landing hero with a full-bleed background video, glassmorphism nav/cards, and bottom-anchored content …"},{"id":"agent-wave","title":"Agent Wave","category":"AI","tier":"free","poster":null,"image":null,"video":null,"chars":16600,"locked":false,"preview":"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 for the menu + animation …"},{"id":"ai-assistant-app","title":"AI Assistant App","category":"AI App","tier":"premium","poster":null,"image":null,"video":null,"chars":26229,"locked":true,"preview":"<!doctype html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <meta …"},{"id":"ai-calorie-tracker","title":"AI Calorie Tracker","category":"Health","tier":"premium","poster":null,"image":null,"video":null,"chars":45172,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>Food …"},{"id":"ai-companions","title":"AI Companions","category":"AI","tier":"premium","poster":null,"image":null,"video":null,"chars":6549,"locked":true,"preview":"Build a full-viewport cinematic hero landing page for a product called **Auria**. Recreate it pixel-faithfully as a single React component (Vite + React + …"},{"id":"ai-cyber-defense","title":"AI Cyber Defense","category":"Security","tier":"premium","poster":null,"image":null,"video":null,"chars":10347,"locked":true,"preview":"**Recreate this exact full-screen AI cybersecurity landing page, pixel-faithful.** Single-page HTML + CSS + a tiny mobile-menu script. No frameworks. No …"},{"id":"ai-film-studio","title":"AI Film Studio","category":"Creative","tier":"premium","poster":null,"image":null,"video":null,"chars":13554,"locked":true,"preview":"# PROMPT: Recreate the \"PLATE®\" one-page scroll site exactly Build a single-page site with three files: `index.html`, `style.css`, `main.js`. It is a black …"},{"id":"ai-future-studio","title":"AI Future Studio","category":"Creative","tier":"premium","poster":null,"image":null,"video":null,"chars":51890,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\"> …"},{"id":"ai-runtime","title":"AI Runtime","category":"AI","tier":"free","poster":null,"image":null,"video":null,"chars":9502,"locked":false,"preview":"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 structure: ``` index.html …"},{"id":"album-release","title":"Album App","category":"Music","tier":"premium","poster":null,"image":null,"video":null,"chars":31450,"locked":true,"preview":"Build a full-screen music album carousel page. Single-page React + TypeScript + Vite + Tailwind CSS app. Use …"},{"id":"angel-shield","title":"Angel Shield","category":"Security","tier":"premium","poster":null,"image":null,"video":null,"chars":11261,"locked":true,"preview":"**Build a single self-contained `index.html` (inline CSS + JS, no framework) that recreates this Legion VPN hero landing page pixel-for-pixel.** One …"},{"id":"arc-summit","title":"arc Summit","category":"Cyberpunk","tier":"premium","poster":null,"image":null,"video":null,"chars":26909,"locked":true,"preview":"Build a pixel-accurate ArcSummit 2026 landing page as a Vite + React 18 + TypeScript + Tailwind CSS 3 + Framer Motion app. Recreate the page in one shot. Do …"},{"id":"ascera-ai","title":"Ascera AI","category":"AI Technology","tier":"premium","poster":null,"image":null,"video":null,"chars":30224,"locked":true,"preview":"Build a complete single-page website called **Apogee** — a full-viewport hero for a fictional predictive-AI infrastructure company. It consists of a looping …"},{"id":"aurex-finance","title":"Aurex Finance","category":"Fintech","tier":"free","poster":null,"image":null,"video":null,"chars":29239,"locked":false,"preview":"Build a **single full-screen hero section** for a DeFi / private-banking landing page called **LŪMEN // ÍNDEX**. Use **React 18 + TypeScript + Vite + Tailwind CSS**, with `lucide-react` for icons. The entire page is …"},{"id":"autonomous-ops","title":"Autonomous Ops","category":"SaaS","tier":"free","poster":null,"image":null,"video":null,"chars":18222,"locked":false,"preview":"Recreate this page as a single self-contained index.html file — pixel-faithful to the Falcon AI Operations Overview triptych. No frameworks, no external CSS/JS/fonts/images. System fonts only. Light color scheme. All …"},{"id":"bitcoin-yield","title":"Bitcoin Yield","category":"Crypto","tier":"premium","poster":null,"image":null,"video":null,"chars":9956,"locked":true,"preview":"**Recreate this exact one-page marketing site for “Meridian” (Bitcoin yield protocol). Match layout, copy, type, colors, assets, scroll behavior, and …"},{"id":"bite-sized-courses","title":"Bite-Sized Courses","category":"Learning","tier":"premium","poster":null,"image":null,"video":null,"chars":30971,"locked":true,"preview":"<!doctype html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Nixito — Courses …"},{"id":"book-hero","title":"Book Hero","category":"Hero","tier":"premium","poster":null,"image":null,"video":null,"chars":17478,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>Foliom — …"},{"id":"breathstone","title":"Breathstone","category":"Wellness","tier":"premium","poster":null,"image":null,"video":null,"chars":8996,"locked":true,"preview":"Recreate this exact full-viewport React + Vite + TypeScript + Tailwind hero page for “Breathstone” called “Measured”. Match every detail below precisely — …"},{"id":"build-unit","title":"Build Unit","category":"Agency","tier":"premium","poster":null,"image":null,"video":null,"chars":9977,"locked":true,"preview":"Build a single-page dark portfolio landing page for a remote development agency called **CO\\</DEVHAUS**, using **React + TypeScript + Vite + Tailwind CSS + …"},{"id":"buildshield","title":"BuildShield","category":"Construction","tier":"premium","poster":null,"image":null,"video":null,"chars":21265,"locked":true,"preview":"# BuildShield — Exact Recreation Prompt > Paste everything below the line into a fresh AI builder (Bolt / v0 / Claude / Cursor) to regenerate this page …"},{"id":"cardia-3d","title":"Cardia 3D","category":"Medical","tier":"premium","poster":null,"image":null,"video":null,"chars":10935,"locked":true,"preview":"Build a single-page \"Heart Blooms\" cardiac-care hero landing page as a Vite vanilla-JS project (no frameworks). One HTML page, one CSS file, one JS module …"},{"id":"cargox-mobile","title":"CARGOX Mobile","category":"Transportation","tier":"premium","poster":null,"image":null,"video":null,"chars":9806,"locked":true,"preview":"Create a Vite + React + TypeScript + Tailwind CSS project that displays 3 iPhone mockups side-by-side (stacking vertically on mobile). Each phone contains a …"},{"id":"coastal-estate","title":"Coastal Estate","category":"Real Estate","tier":"premium","poster":null,"image":null,"video":null,"chars":8931,"locked":true,"preview":"Recreate this **exact** static marketing page pixel-for-pixel. Stack: **Vite 5** (`vite-starter`), plain HTML + CSS + vanilla JS. No React, no Tailwind, no …"},{"id":"creative-matter","title":"Creative Matter","category":"Creative","tier":"premium","poster":null,"image":null,"video":null,"chars":24619,"locked":true,"preview":"Build a production-quality, pixel-accurate fullscreen marketing page for a studio brand called INFLUXO. Recreate this exact section in one shot: a fixed top …"},{"id":"creator-guild","title":"Creator Guild","category":"Community","tier":"premium","poster":null,"image":null,"video":null,"chars":8133,"locked":true,"preview":"Recreate this exact full-viewport landing page called \"Nexus/Circle\" as a single React + TypeScript + Vite + Tailwind CSS page. Do not invent extra sections …"},{"id":"crypto-vault","title":"Crypto Vault","category":"Fintech","tier":"premium","poster":null,"image":null,"video":null,"chars":118073,"locked":true,"preview":"Build a single, self-contained `index.html` (inline <style> and <script>, no build step, no frameworks, no external JS/CSS libraries) that reproduces the …"},{"id":"cyber-layer","title":"Cyber Layer","category":"Cybersecurity","tier":"free","poster":null,"image":null,"video":null,"chars":14160,"locked":false,"preview":"Build a **single self-contained `index.html`** that recreates this cybersecurity landing page **pixel-faithfully**. Fixed fullscreen black stage, left-locked typography, right-side looping video atmosphere, one-shot …"},{"id":"data-relay","title":"Data Relay","category":"SaaS","tier":"premium","poster":null,"image":null,"video":null,"chars":12269,"locked":true,"preview":"Recreate this EXACT Mobius SaaS landing page — pixel-faithful to the spec below. Single-file or HTML+CSS+JS. Do not invent liquid glass, purple gradients …"},{"id":"data-signal","title":"Data Signal","category":"Analytics","tier":"free","poster":null,"image":null,"video":null,"chars":11932,"locked":false,"preview":"Recreate this page **pixel-faithfully** as a single static `index.html` (inline CSS + JS, no framework). Match structure, copy, spacing tokens, glass, motion, fonts, and media exactly. Do not invent extra sections …"},{"id":"deepthink","title":"DeepThink","category":"AI Assistant","tier":"free","poster":null,"image":null,"video":null,"chars":13695,"locked":false,"preview":"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 text. Reference canvas feel …"},{"id":"dental-care-app","title":"Dental Care App","category":"Health App","tier":"premium","poster":null,"image":null,"video":null,"chars":25363,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Denta — App …"},{"id":"dental-implant-clinic","title":"Dental Implant Clinic","category":"Healthcare","tier":"premium","poster":null,"image":null,"video":null,"chars":13077,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>SmileLab - …"},{"id":"fastshot","title":"Fastshot","category":"AI","tier":"free","poster":null,"image":null,"video":null,"chars":54734,"locked":false,"preview":"Recreate this page as ONE self-contained HTML file (inline CSS + JS). Match it pixel-faithfully. Do not invent extra sections, extra pages, extra copy, or a different visual language. The entire website is this single …"},{"id":"finance-assistant","title":"Finance Assistant","category":"Fintech","tier":"premium","poster":null,"image":null,"video":null,"chars":7117,"locked":true,"preview":"Recreate EXACTLY this single-file HTML/CSS finance dashboard UI (title: \"Wealth — Dashboard\"). Pixel-faithful wealth-app style. No frameworks. Pure HTML + …"},{"id":"fine-jewelry-shop","title":"Fine Jewelry Shop","category":"Ecommerce","tier":"premium","poster":null,"image":null,"video":null,"chars":6003,"locked":true,"preview":"**Create a luxury jewelry mobile app concept displayed inside a realistic iPhone mockup. The design is a \"Blue Nile\" branded mobile screen with a warm orange …"},{"id":"fitness-dashboard","title":"Fitness Dashboard","category":"Wellness","tier":"premium","poster":null,"image":null,"video":null,"chars":8925,"locked":true,"preview":"Build a **Vitalis — Daily Activity Overview**. Match every measurement, color, URL, string, and behavior below. Do not invent alternate copy, imagery, or …"},{"id":"footballer-portfolio","title":"Footballer Portfolio","category":"Sports","tier":"premium","poster":null,"image":null,"video":null,"chars":6985,"locked":true,"preview":"Create a React + Vite + Tailwind CSS project that displays 3 mobile phone screens (375x812px each) side by side on a page with a `#BBB8B9` body background …"},{"id":"freight-command","title":"Freight Command","category":"Logistics","tier":"premium","poster":null,"image":null,"video":null,"chars":20275,"locked":true,"preview":"Recreate this UI EXACTLY as a single self-contained index.html file (inline CSS + JS, no frameworks, no build step). Pixel-perfect absolute layout of a dark …"},{"id":"frontier","title":"Frontier","category":"Finance","tier":"premium","poster":null,"image":null,"video":null,"chars":19391,"locked":true,"preview":"# PROMPT — Recreate this exact Luminary marketing landing page Build a **single-file** dark luxury marketing landing page. No framework, no build step, no …"},{"id":"gear-shop","title":"Gear Shop","category":"Ecommerce App","tier":"premium","poster":null,"image":null,"video":null,"chars":6735,"locked":true,"preview":"Build a static Vite HTML page that displays 3 iPhone 15 Pro mockup screens side by side (stacking vertically on screens under 1000px). The design is an …"},{"id":"geno-trace","title":"Geno Trace","category":"Technology","tier":"premium","poster":null,"image":null,"video":null,"chars":32969,"locked":true,"preview":"Build a single-page GenoTrace landing site as a Vite vanilla JS app (index.html, style.css, main.js). Recreate the page exactly. Do not add extra sections …"},{"id":"global-gateway","title":"Global gateway","category":"Communication","tier":"premium","poster":null,"image":null,"video":null,"chars":31648,"locked":true,"preview":"Build ONE standalone HTML file. No frameworks. CSS in <style>, JS inline. Recreate this exact full-viewport hero. Follow the CTA section VERBATIM — that is …"},{"id":"global-hubs","title":"Global Hubs","category":"Agency","tier":"premium","poster":null,"image":null,"video":null,"chars":11370,"locked":true,"preview":"**Recreate this exact single-page “Meridian — Our Offices” section as a static HTML/CSS/JS site (`index.html`, `styles.css`, `main.js`). Match every layout …"},{"id":"gridcore","title":"Gridcore","category":"Features","tier":"premium","poster":null,"image":null,"video":null,"chars":26724,"locked":true,"preview":"Recreate ONE standalone HTML section that is a pixel-accurate clone of the “Code Quality — Features” landing grid. Output a single self-contained index.html …"},{"id":"growth-analytics","title":"Growth Analytics","category":"SaaS","tier":"premium","poster":null,"image":null,"video":null,"chars":12140,"locked":true,"preview":"Recreate this exact SaaS marketing section as a **single self-contained HTML file**. No frameworks, no separate CSS/JS files, no Google Fonts, no CDN. Match …"},{"id":"growth-decisions","title":"Growth Decisions","category":"SaaS","tier":"free","poster":null,"image":null,"video":null,"chars":11089,"locked":false,"preview":"**Recreate this exact single-page SaaS hero. Do not invent extra sections, extra pages, extra images, or extra copy. Implement only what is specified. Stack: one `index.html`, one `styles.css`, one `main.js`. No …"},{"id":"halo-sound","title":"Halo Sound","category":"Ecommerce","tier":"premium","poster":null,"image":null,"video":null,"chars":32850,"locked":true,"preview":"# Reproduction Prompt — \"Halo S1\" scroll-scrubbed WebGL hero Build a **single static HTML file** (`index.html`) containing all markup, CSS and JavaScript …"},{"id":"halo-usd-landing","title":"USD Halo","category":"Landing Page","tier":"free","poster":null,"image":null,"video":null,"chars":8233,"locked":false,"preview":"Build a premium, fintech-style landing page for a stablecoin product called \"Halo / USD Halo\" using React + TypeScript + Vite + Tailwind CSS, with lucide-react for icons. No other UI libraries. Background color of the …"},{"id":"innovation-summit","title":"Innovation Summit","category":"Mobile App","tier":"premium","poster":null,"image":null,"video":null,"chars":6359,"locked":true,"preview":"Create a mobile app showcase page that displays 3 phone-screen mockups side by side for an event called \"Unfold\" by MEWS. The page background is a muted …"},{"id":"intelligence-layer","title":"Intelligence Layer","category":"Technology","tier":"free","poster":null,"image":null,"video":null,"chars":11750,"locked":false,"preview":"Recreate a single-file dark cinematic AI-infrastructure landing page EXACTLY as specified. Deliver one self-contained index.html (inline CSS + JS, no build step). Pixel-faithful to a measured Figma-style comp. No …"},{"id":"intelligent-systems","title":"Intelligent Systems","category":"SaaS","tier":"premium","poster":null,"image":null,"video":null,"chars":23969,"locked":true,"preview":"Build a single self-contained `index.html` file (no build step, no external JS libraries — one inline `<style>` block and one inline `<script>` block) that …"},{"id":"live-language-classes","title":"Live Language Classes","category":"Learning SaaS","tier":"premium","poster":null,"image":null,"video":null,"chars":19357,"locked":true,"preview":"Build a single-page React + TypeScript + Vite + Tailwind CSS app that reproduces the **first section** of an English-learning dashboard. Use Lucide-React for …"},{"id":"lodge-booking-app","title":"Lodge Booking App","category":"Booking","tier":"premium","poster":null,"image":null,"video":null,"chars":5822,"locked":true,"preview":"Create a \"WoodNest\" luxury cabin booking showcase with 3 phone mockups displayed side-by-side on desktop (stacked on mobile). The design uses a liquid glass …"},{"id":"luxury-escapes","title":"Luxury Escapes","category":"Travel App","tier":"premium","poster":null,"image":null,"video":null,"chars":9393,"locked":true,"preview":"Build a React + Vite showcase displaying two mobile app screens side by side inside realistic iPhone device frames, presented on a cinematic gradient …"},{"id":"mindful-companion","title":"Mindful Companion","category":"Wellness","tier":"premium","poster":null,"image":null,"video":null,"chars":13403,"locked":true,"preview":"# Prompt: Recreate the \"noola\" Mindfulness App Landing Page (pixel-exact) Build a React 19 + Vite + Tailwind CSS v4 single-page landing site for a …"},{"id":"mistveil","title":"Mistveil","category":"Footer","tier":"premium","poster":null,"image":null,"video":null,"chars":73522,"locked":true,"preview":"You are reconstructing ONE self-contained HTML page (single file: index.html). Output ONLY that file. No frameworks, no libraries, no build step. Inline ALL …"},{"id":"mood-tracker","title":"Mood Tracker","category":"Wellness","tier":"premium","poster":null,"image":null,"video":null,"chars":10646,"locked":true,"preview":"Create a wellness/mental health app mockup showing 3 iPhone screens side-by-side in realistic phone frames. The app is called \"Soul Canvas\". Use React with …"},{"id":"motion-frame","title":"Motion Frame","category":"Film","tier":"premium","poster":null,"image":null,"video":null,"chars":13549,"locked":true,"preview":"# PROMPT: Recreate the \"PLATE®\" one-page scroll site exactly Build a single-page site with three files: `index.html`, `style.css`, `main.js`. It is a black …"},{"id":"mountain-retreat","title":"Mountain Retreat","category":"Travel","tier":"premium","poster":null,"image":null,"video":null,"chars":17843,"locked":true,"preview":"Cut the provenance and the regeneration appendix. Here it is: --- # Build this page Single-screen landing page. Vanilla HTML/CSS/JS — no frameworks, no …"},{"id":"movie-premiere","title":"Movie Premiere","category":"Entertainment","tier":"premium","poster":null,"image":null,"video":null,"chars":5993,"locked":true,"preview":"Build a mobile movie app UI showcase called \"Cineva Mobile UI\" using React + TypeScript + Vite + Tailwind CSS + Lucide React icons. The page displays a …"},{"id":"nature-ritual","title":"Nature Ritual","category":"Wellness","tier":"premium","poster":null,"image":null,"video":null,"chars":22082,"locked":true,"preview":"Build a **single full-screen hero section** for a brand called **Mossary** (nature/wellness water brand) as a **Vite + React 18 + TypeScript + Tailwind CSS …"},{"id":"nexa-talent","title":"Nexa Talent","category":"Recruitment","tier":"premium","poster":null,"image":null,"video":null,"chars":11551,"locked":true,"preview":"Build a single full-viewport hero section that looks pixel-identical to this layout. Use React + TypeScript + Tailwind CSS + Vite. One page only. No extra …"},{"id":"nietzsche-sustainibilty","title":"Nietzsche sustainibilty","category":"Footer","tier":"premium","poster":null,"image":null,"video":null,"chars":49049,"locked":true,"preview":"Build a single, complete, self-contained HTML file named index.html that reproduces the \"Nietzsche — Sustainability\" hero/footer plate EXACTLY as specified …"},{"id":"obsidian","title":"Obsidian","category":"Interactive","tier":"premium","poster":null,"image":null,"video":null,"chars":44993,"locked":true,"preview":"Build a single-page website called **OBSIDIAN** — a dark, editorial, high-fashion tattoo-studio landing page with a scroll-scrubbed fullscreen video hero …"},{"id":"open-agent","title":"Open Agent","category":"AI","tier":"premium","poster":null,"image":null,"video":null,"chars":11561,"locked":true,"preview":"Build a single full-screen landing page (one composition, no scroll sections) for an AI agent product. Stack: plain HTML + CSS + a tiny vanilla JS snippet …"},{"id":"orbit-flora","title":"Orbit Flora","category":"AI","tier":"free","poster":null,"image":null,"video":null,"chars":8956,"locked":false,"preview":"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 morph-reveal **exactly**. --- …"},{"id":"palomar-labs","title":"Palomar Labs","category":"AI","tier":"free","poster":null,"image":null,"video":null,"chars":21115,"locked":false,"preview":"Build a standalone pixel-accurate recreation of the Palomar Labs marketing landing page: fixed navbar + full-viewport video hero only. No other sections. Match this spec exactly. Do not invent extra copy, buttons …"},{"id":"performance-run","title":"Performance Run","category":"Fitness","tier":"premium","poster":null,"image":null,"video":null,"chars":6324,"locked":true,"preview":"Recreate this exact single-viewport landing page hero for **RunPulse**, a running analytics app. Full-bleed background video, left-aligned copy, frosted …"},{"id":"pet-diagnostics","title":"Pet Diagnostics","category":"Healthcare","tier":"free","poster":null,"image":null,"video":null,"chars":18464,"locked":false,"preview":"Build a **single self-contained `index.html`** file. No build step, no framework, no external JS, no local image files. All CSS in one `<style>` block in `<head>`; one small `<script>` before `</body>`. Match every …"},{"id":"pet-products","title":"Pet Products","category":"Ecommerce App","tier":"premium","poster":null,"image":null,"video":null,"chars":21972,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>CozyPaws - …"},{"id":"pixel-muse","title":"Pixel Muse","category":"Creative Studio","tier":"premium","poster":null,"image":null,"video":null,"chars":20257,"locked":true,"preview":"Build a pixel-accurate recreation of a luxury AI creative studio landing page named Atelier. Recreate only this page: a fixed top navbar plus a full-viewport …"},{"id":"places-organizer","title":"Places Organizer","category":"Travel","tier":"premium","poster":null,"image":null,"video":null,"chars":7862,"locked":true,"preview":"**Build a single-page HTML showcase displaying two iOS device frames (370x790px each) side by side on a neutral `#F4F4F4` stage. The stage auto-scales to fit …"},{"id":"planetary-pulse","title":"Planetary Pulse","category":"Science","tier":"free","poster":null,"image":null,"video":null,"chars":26355,"locked":false,"preview":"Build a single-screen, non-scrolling hero landing page called **Terranova — Signals from the Deep Green**. It is a full-bleed looping background video with a real-time refractive \"liquid glass\" card floating over it …"},{"id":"portal","title":"Portal","category":"Hero","tier":"free","poster":null,"image":null,"video":null,"chars":5621,"locked":false,"preview":"Build a password manager landing page hero section using React, TypeScript, Tailwind CSS, Framer Motion, and Lucide React icons. Here is every specification: --- ### Fonts - **Heading font:** \"Helvetica Now Display …"},{"id":"quantum-core","title":"Quantum Core","category":"Data Intelligence","tier":"free","poster":null,"image":null,"video":null,"chars":27160,"locked":false,"preview":"# PROMPT — Recreate the \"Apogee\" Hero Section Exactly Build a pixel-exact, fully mobile-responsive hero landing section called **\"Apogee\"**. Follow every specification below literally — exact hex values, exact pixel …"},{"id":"quantum-lucid","title":"Quantum Lucid","category":"SaaS","tier":"free","poster":null,"image":null,"video":null,"chars":46589,"locked":false,"preview":"Build a SINGLE standalone file: index.html (inline CSS + JS, no frameworks, no extra files). Recreate this exact Quantum² marketing landing page pixel-for-pixel: one-screen hero, black pill nav, two-line headline …"},{"id":"rare-gallery","title":"Rare Gallery","category":"Curated","tier":"free","poster":null,"image":null,"video":null,"chars":16834,"locked":false,"preview":"Build a single-page luxury brand landing (navbar + full-viewport hero only). Stack: React 18 + TypeScript + Vite + Tailwind CSS 3. No extra UI kits. Use lucide-react only for the Flower2 icon. Page title: Aurevon …"},{"id":"reading-library","title":"Reading Library","category":"Books","tier":"premium","poster":null,"image":null,"video":null,"chars":13788,"locked":true,"preview":"# PROMPT: Recreate this exact page — visionOS liquid-glass book streaming dashboard Build a **single-file** `index.html` (inline CSS + minimal JS) that …"},{"id":"real-time-alerts","title":"Real-Time Alerts","category":"Sign in","tier":"free","poster":null,"image":null,"video":null,"chars":21696,"locked":false,"preview":"Build a single, self-contained `index.html` file — no build step, no external requests except one video URL, no frameworks, no dependencies. Everything (CSS, JS, SVG) is inline. The file is a pixel-locked recreation …"},{"id":"remit-race","title":"Remit Race","category":"Fintech","tier":"premium","poster":null,"image":null,"video":null,"chars":23650,"locked":true,"preview":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> <title>NovaPay - One …"},{"id":"robot-battle-arena","title":"Robot Battle Arena","category":"Game UI","tier":"premium","poster":null,"image":null,"video":null,"chars":9120,"locked":true,"preview":"# Prompt: Recreate “Your Robots” game UI (pixel-faithful) Build a **single-file static HTML page** (`index.html` + local `assets/`) that is a **1:1 …"},{"id":"scaling-platform","title":"Scaling Platform","category":"SaaS","tier":"free","poster":null,"image":null,"video":null,"chars":5081,"locked":false,"preview":"# Prompt: Recreate the Targo hero + about sections Build a single-page site with exactly two sections. Font: **Quantico** (Google Fonts, weights 400 + 700), fallback 'Arial Narrow', sans-serif. Accent color …"},{"id":"sea-serenade","title":"Sea Serenade","category":"Lifestyle","tier":"premium","poster":null,"image":null,"video":null,"chars":28916,"locked":true,"preview":"# PROMPT: Recreate \"COSTA SERENADE\" — scroll-scrubbed cinematic one-pager Build a single self-contained `index.html` (everything inline: CSS + JS in one …"},{"id":"signal-id","title":"Signal ID","category":"Technology","tier":"free","poster":null,"image":null,"video":null,"chars":11271,"locked":false,"preview":"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, stats, or decorative …"},{"id":"silent-velocity","title":"Silent Velocity","category":"Technology","tier":"premium","poster":null,"image":null,"video":null,"chars":9698,"locked":true,"preview":"Build a single full-viewport Tesla Model Three Edition hero landing page in React + Vite + TypeScript + Tailwind CSS. One page only — no nav, no footer, no …"},{"id":"skills-lea","title":"LearnHub","category":"Education","tier":"premium","poster":null,"image":null,"video":null,"chars":7184,"locked":true,"preview":"Build a mobile app showcase with 3 iPhone mockups displayed side-by-side (stacking vertically on mobile) on a dark background. Use React + Vite + TypeScript …"},{"id":"sky-cookie","title":"Sky Cookie","category":"Food","tier":"premium","poster":null,"image":null,"video":null,"chars":62323,"locked":true,"preview":"# PROMPT — Recreate the \"WildCrumb — Taste The Sky\" 3D cookie landing page Build a single-file `index.html` (no build step, no frameworks) that recreates the …"},{"id":"skyflora","title":"Skyflora","category":"Creative","tier":"premium","poster":null,"image":null,"video":null,"chars":35039,"locked":true,"preview":"Build ONE standalone HTML file (index.html) that recreates this Silentship hero EXACTLY. No framework, no extra sections, no redesign, no guessed values …"},{"id":"skytrace","title":"Skytrace","category":"SaaS","tier":"premium","poster":null,"image":null,"video":null,"chars":1064102,"locked":true,"preview":"Build a single static web page — one HTML file, one CSS file, one JS file — reproducing the \"Axiom — Cloud Observability\" landing page EXACTLY to the spec …"},{"id":"social-hangouts","title":"Social Hangouts","category":"Community App","tier":"premium","poster":null,"image":null,"video":null,"chars":32827,"locked":true,"preview":"<!doctype html> <html lang=\"en\"> <head> <meta charset=\"utf-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> <title>Voice chat</title> …"},{"id":"space-planet","title":"Space planet","category":"3D","tier":"free","poster":null,"image":null,"video":null,"chars":61062,"locked":false,"preview":"Build a single, self-contained HTML file: a full-viewport space-themed hero section for a site called \"SpaceEdu\". No build step, no frameworks, no external JS. All CSS in one <style> block in <head>, all JS in one …"},{"id":"sparkform","title":"Sparkform","category":"Creative","tier":"free","poster":null,"image":null,"video":null,"chars":6514,"locked":false,"preview":"**Recreate this exact landing page pixel-for-pixel.** ## Tech stack React + Vite + TypeScript + Tailwind CSS. Single page: `<Hero />` then `<Marquee />`. No router, no extra sections. Body: `font-family: 'Inter' …"},{"id":"spectrum-grid","title":"Spectrum Grid","category":"Technology","tier":"premium","poster":null,"image":null,"video":null,"chars":11316,"locked":true,"preview":"**Recreate this exact single-screen marketing landing page for “Synra.”** It is a pure-black, full-viewport cinematic site: no hero headline, no body copy …"},{"id":"supplement-shop","title":"Supplement Shop","category":"Health","tier":"premium","poster":null,"image":null,"video":null,"chars":22920,"locked":true,"preview":"Create a mobile supplement e-commerce product screen displayed inside a realistic iPhone mockup frame. Use React with Tailwind CSS and lucide-react icons …"},{"id":"sweet-question","title":"Sweet Question","category":"Events","tier":"premium","poster":null,"image":null,"video":null,"chars":15087,"locked":true,"preview":"# Prompt: Build \"A Little Valentine Question\" — an interactive Valentine's date invitation web app Build a single-page React 19 + TypeScript + Vite app …"},{"id":"synth-mode","title":"Synth Mode","category":"Fashion","tier":"free","poster":null,"image":null,"video":null,"chars":10237,"locked":false,"preview":"Build a pure-white, minimal, futuristic fashion landing page titled **\"LGPSM — Future Forward Fashion\"**. Stack: React 19 + Vite + TypeScript + Tailwind CSS v4 + lucide-react. Page title: `LGPSM — Future Forward …"},{"id":"systema","title":"Systema","category":"SaaS","tier":"premium","poster":null,"image":null,"video":null,"chars":10568,"locked":true,"preview":"## Recreate this page Single static landing page: `index.html` + local fonts. Black, minimal, two full-viewport sections. No frameworks. ### Assets / fonts - …"},{"id":"talent-collective","title":"Talent Collective","category":"Agency","tier":"free","poster":null,"image":null,"video":null,"chars":8399,"locked":false,"preview":"Build a single full-viewport React + TypeScript + Tailwind CSS page for a creative studio called **Kollektiva**. The app renders only this one section (no nav, no other pages). Stack: Vite + React 18 + Tailwind 3 …"},{"id":"task-engine","title":"Task Engine","category":"SaaS","tier":"free","poster":null,"image":null,"video":null,"chars":14503,"locked":false,"preview":"## ROLE Recreate a single-file HTML product landing mosaic **pixel-faithful** to the reference below. Output one self-contained `index.html` with inline CSS + JS. **No external images.** All icons are inline SVG. The …"},{"id":"terravision","title":"TerraVision","category":"Nature","tier":"premium","poster":null,"image":null,"video":null,"chars":21091,"locked":true,"preview":"Build a single-page React + TypeScript + Vite + Tailwind CSS landing page for a construction-insurance brand called **BuildShield**. It is a **two-section …"},{"id":"tokyo-nocturne","title":"Tokyo Nocturne","category":"Lifestyle","tier":"premium","poster":null,"image":null,"video":null,"chars":28883,"locked":true,"preview":"# PROMPT: Recreate \"TOKYO NOCTURNE\" — scroll-scrubbed cinematic one-pager Build a single self-contained `index.html` (everything inline: CSS + JS in one …"},{"id":"travel-explorer","title":"Travel Explorer","category":"Travel","tier":"premium","poster":null,"image":null,"video":null,"chars":6440,"locked":true,"preview":"Build a React + Vite + TypeScript + Tailwind CSS mobile app mockup called \"Roam Beyond Borders\" -- a travel app displayed inside a realistic iPhone frame on …"},{"id":"vectrus-energy","title":"Vectrus Energy","category":"Editorial","tier":"free","poster":null,"image":null,"video":null,"chars":36232,"locked":false,"preview":"Build a standalone cinematic one-page site that recreates this EXACTLY. Do not invent extra sections, extra copy, extra logos, extra overlays, GSAP, Lenis, or a different video. Match structure, copy, colors, type …"},{"id":"vela-ul","title":"Vela Ul","category":"Features","tier":"free","poster":null,"image":null,"video":null,"chars":25889,"locked":false,"preview":"Build a single, fully self-contained `index.html` — one file, no build step, no external requests of any kind (no CDN, no webfonts, no images, no video, no data: URIs). All visuals must be pure CSS gradients plus …"},{"id":"website-builder","title":"Website Builder","category":"SaaS","tier":"premium","poster":null,"image":null,"video":null,"chars":11457,"locked":true,"preview":"# PROMPT — Recreate “siteforge” landing page exactly Create a **single self-contained `index.html`** that recreates this page pixel-faithfully. Title …"},{"id":"worldwide-hubs","title":"Worldwide Hubs","category":"Business","tier":"premium","poster":null,"image":null,"video":null,"chars":10485,"locked":true,"preview":"Build a single-page, full-viewport (non-scrolling on desktop) dark \"Offices\" landing page for a fictional studio called **Meridian**. Three files only …"},{"id":"nex-robotics","title":"NEX Robotics","category":"Technology","tier":"premium","poster":null,"image":null,"video":null,"chars":73992,"locked":true,"preview":"Build a single self-contained HTML file (no build step, no frameworks, no external JS libraries) that reproduces the \"RJV-09\" robot hero page exactly as …"},{"id":"northstar","title":"Northstar","category":"Agency","tier":"free","poster":null,"image":null,"video":null,"chars":30394,"locked":false,"preview":"Build a single-file standalone HTML page (index.html) that recreates this Nexeus landing page PIXEL-EXACTLY. Do not invent extra sections, nav bars, extra CTAs, or restyle anything. One full-viewport cinematic page …"},{"id":"peakline-redshift","title":"Peakline Redshift","category":"SaaS","tier":"premium","poster":null,"image":null,"video":null,"chars":780725,"locked":true,"preview":"Build a single-page, scroll-driven hero→product \"camera move\" landing section, exactly to the spec below. Output three files: index.html, css/style.css …"}]