{"entries":[{"id":"email-landing-page","title":"Email Landing Page","category":"Landing Page","teaser":"Build a premium, AI-native email client landing page called \"Aura\" using React 18 + TypeScript + Vite + Tailwind CSS + motion/react (framer motion) + lucide-react.","media":"/media/email-landing-page.webp","mediaType":"image","mediaStatus":"mirrored","poster":null,"priceAtomic":"0","tier":"free","contentHash":"keccak256:ac8577beac4cddbeaf9562ec726d3ceb559a50894c6612bcb87836cc29035e44","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"skyelite-private-jets","title":"SkyElite Private Jets","category":"Landing Page","teaser":"Create a premium private jet landing page hero section with the following specifications: Video Background: Use this exact CloudFront video URL: https://d8j0ntlcm91z4.cloudfront.net/user38xzZboKViGWJO","media":"/media/skyelite-private-jets.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/skyelite-private-jets.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:0d20ae394f063e9c2bdaf61da0126fe8fb7b76f232004feab35f99fd079740a2","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"portal","title":"Portal","category":"Hero","teaser":"PROMPT: Build a full-viewport cinematic movie/streaming hero section using React, Tailwind CSS, and Lucide React icons.","media":"/media/portal.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/portal.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:00bfecbd83ba04b238f7adedf5c19398250e8709038758b7b312fd815fbcef85","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"stillmind","title":"Stillmind","category":"Hero","teaser":"Create a fullscreen cinematic hero section for a mindfulness/focus app called \"Lumora\" using React, Tailwind CSS, and Lucide React icons.","media":"/media/stillmind.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/stillmind.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:7db334cf1ec9ee3e86ae0beef2b8f18579f64e374d81e41750c646c7aad5d4f9","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"ai-designer-portfolio","title":"AI Designer Portfolio","category":"Landing Page","teaser":"Create a single-page landing page for a creative design studio called \"Viktor Oddy\" using React, TypeScript, Vite, and Tailwind CSS.","media":"/media/ai-designer-portfolio.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/ai-designer-portfolio.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:13d363a4381f93a9abe98f73badda5b9db81f9b9f49911d381988d5f4472f3bf","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"3d-collectible-hero","title":"3D Collectible Hero","category":"3D Website","teaser":"Build a single full-viewport hero section in React + TypeScript + Vite + Tailwind CSS, using lucide-react for icons.","media":"/media/3d-collectible-hero.webp","mediaType":"image","mediaStatus":"mirrored","poster":null,"priceAtomic":"0","tier":"free","contentHash":"keccak256:ab31d52af63f752ffbc0f2f041de089cd9dcb74afea8e634e0d8ee5af0a7288b","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"trustflow","title":"TrustFlow","category":"Finance","teaser":"Build a single full-viewport marketing landing page for Boomerang, a conversational AI platform for financial institutions.","media":"/media/trustflow.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/trustflow.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:fc4b65f9c26fb5728f099f669825308010c555ece9d0eae7439bd7a94282d939","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"celestial-renewal","title":"Celestial Renewal","category":"Wellness","teaser":"Build a React + Vite + Tailwind CSS landing page with two full-screen sections for a luxury beauty/wellness brand called \"Serene\".","media":"/media/celestial-renewal.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/celestial-renewal.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:4728ba0375cf858e3495db027fc7c5b8cdcd12c420e73cb8f24e83469864ef3f","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"synth-mode","title":"Synth Mode","category":"Fashion","teaser":"Build a pure-white, minimal, futuristic fashion landing page titled \"LGPSM — Future Forward Fashion\".","media":"/media/synth-mode.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/synth-mode.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:6afcda4352c3ad1626f3b30faaadba7e49dafafc4b626f6d2f79c2b53bc81749","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"bold-studio","title":"Bold Studio","category":"Hero","teaser":"Build a fullscreen hero landing page for a creative agency called \"VANGUARD\" using React, Tailwind CSS, and Vite.","media":"/media/bold-studio.webp","mediaType":"image","mediaStatus":"mirrored","poster":null,"priceAtomic":"0","tier":"free","contentHash":"keccak256:b48f3201d778f8bd5e0c56d5d6d5ecc771986482aae82dcc6a601fa6e34ec20d","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"contact-cybernetic","title":"Contact Cybernetic","category":"Hero","teaser":"Build a modern, interactive hero section using React, Tailwind CSS, and Framer Motion (motion/react).","media":"/media/contact-cybernetic.webp","mediaType":"image","mediaStatus":"mirrored","poster":null,"priceAtomic":"0","tier":"free","contentHash":"keccak256:9beb84659a79aa68497e4bf0c27e224fa88e1f3d140a1cea688a2cd5f4dd7bd1","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"aetheris-voyage","title":"Aetheris Voyage","category":"Hero","teaser":"Build Prompt: Cinematic Space-Travel Landing Page Build a single-page landing site with two full-height sections (Hero + Capabilities), both using looping background videos with custom JS crossfade, a shared liquid-glass design system, and…","media":"/media/aetheris-voyage.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/aetheris-voyage.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:b38772a2076ab5989a62003508b043f134f06e04b167fb30e631d95d9deaedae","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"immersive-ocean","title":"Immersive Ocean","category":"Hero","teaser":"Create a fullscreen hero landing page for a creative studio called \"Foldcraft\" using React, Tailwind CSS, and Lucide React icons.","media":"/media/immersive-ocean.webp","mediaType":"image","mediaStatus":"mirrored","poster":null,"priceAtomic":"0","tier":"free","contentHash":"keccak256:2048f5ca658acdc9b4a4d64abb5bed94cb4b8a412cae52636479398763d310d9","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"tech-forward","title":"Tech-Forward","category":"Hero","teaser":"Create a full-screen hero section landing page using React, Vite, and Framer Motion (motion package).","media":"/media/tech-forward.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/tech-forward.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:426e3e96da67228cfbbdbb2b53e48c25ccbec1854201226ededc60e1d776b5e9","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"3d-portfolio","title":"3D Portfolio","category":"Portfolio","teaser":"Build a 3D Creator portfolio landing page for \"Jack\" using React, TypeScript, Tailwind CSS, Framer Motion, and Lucide React.","media":"/media/3d-portfolio.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/3d-portfolio.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:4b0e4814f23620bfd27884bc3a73bd065113d3588262fb6465e0489e5b1afd8a","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"mostar-guide","title":"Mostar Guide","category":"Travel","teaser":"js, vanilla — no frameworks, no build step, no local assets). Every image and font must be loaded from the remote URLs below.","media":"/media/mostar-guide.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/mostar-guide.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:b4887dbec8887ef6d2ad0d9f7ac14f4d3bf6f7bae3df44c2c3547eb6d43db2c2","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"retro-futurist","title":"Retro-Futurist","category":"Hero","teaser":"Build a full-screen hero landing page for a creative agency called \"Mainframe\" using React, TypeScript, Vite, and Tailwind CSS.","media":"/media/retro-futurist.webp","mediaType":"image","mediaStatus":"mirrored","poster":null,"priceAtomic":"0","tier":"free","contentHash":"keccak256:78cd39e10d5d1463690b9e171ea94d69e6a17fcb20f7df0926f06ee177660423","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"prisma-creative-studio","title":"Prisma Creative Studio","category":"Landing Page","teaser":"Create a React + Vite + TypeScript + Tailwind CSS landing page for a creative studio called \"Prisma\".","media":"/media/prisma-creative-studio.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/prisma-creative-studio.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:d250c6c77f34f0569d5e9e769a2d57f0cda6c7993f1456ca0aafb288bb5cb2b2","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"interactive-discovery","title":"Interactive Discovery","category":"Hero","teaser":"Build a full-screen, dark-themed hero section for a geology brand called Lithos, using React 18 + TypeScript + Vite + Tailwind CSS and lucide-react for icons.","media":"/media/interactive-discovery.webp","mediaType":"image","mediaStatus":"mirrored","poster":null,"priceAtomic":"0","tier":"free","contentHash":"keccak256:898c2a7b3a93d83f8b3983398a7cc33fb7f13fa2f80f3d1c6970da89405b9799","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"velorah","title":"Velorah","category":"Agency","teaser":"Create a single-page hero section with a fullscreen looping background video, glassmorphic navigation, and cinematic typography.","media":"/media/velorah.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/velorah.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:c219056a4358ad4db68d1240beebfc10f388a4d05a8785eee057e374886b911c","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"prompt","title":"PROMPT","category":"Landing Page","teaser":"Overview Build a full-screen, scroll-driven fashion/archive landing page for a brand called \"prmpt\".","media":"/media/prompt.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/prompt.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:b3c2aa735dcfb4226d0f51a1fd3945e614b4fed453535633df1eda7232dc676a","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"vex-ventures","title":"VEX Ventures","category":"Hero","teaser":"Recreate this hero section exactly.mp4 Autoplay, loop, muted, playsInline NO dark overlay, NO gradient overlay, NO semi-transparent layer on top of the video.","media":"/media/vex-ventures.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/vex-ventures.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:57e1833b511d4017b25deaa16c717ca64278339cb90875a3fedf5f3c2bba3992","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"bloom-ai","title":"Bloom AI","category":"Hero","teaser":"Create a full-screen hero landing page for \"Bloom\" — an AI-powered plant/floral design platform.","media":"/media/bloom-ai.mp4","mediaType":"video","mediaStatus":"mirrored","poster":"/media/bloom-ai.poster.jpg","priceAtomic":"0","tier":"free","contentHash":"keccak256:91e1cb59842c316c8f7fea710ed51d1648655a9b788656b61cfdb2b96bfd6cb9","attribution":{"source":"motionsites.ai","capturedAt":"2026-08-06T19:05:20.629Z","note":"Seeded from the motionsites.ai free tier; free on Promit with source attribution."}},{"id":"floating-navbar-hero","title":"Floating Navbar Hero","category":"Hero","teaser":"Create a landing page hero section with a floating navbar. Use React, Tailwind CSS, and shadcn/ui.","media":"/media/uploads/floating-navbar-hero.mp4","mediaType":"video","mediaStatus":"mirrored","poster":null,"priceAtomic":"100000","tier":"paid","contentHash":"keccak256:abcc010c510b21af02180cc6feef1335c95301706da382c09275c365c3716278","attribution":{"source":"creator:0xadE939F26516c657fc01f2eD1B069562b672644c","capturedAt":"2026-08-08T09:25:52.198Z","note":"Listed by 0xadE939F26516c657fc01f2eD1B069562b672644c. Preview generated by running this prompt."}},{"id":"ai-calorie-tracker-design","title":"AI Calorie Tracker Design","category":"Wellness","teaser":"<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>Food Tracker</title> <link rel=\"preconnect\" href=\"https","media":"/media/uploads/ai-calorie-tracker-design.mp4","mediaType":"video","mediaStatus":"mirrored","poster":null,"priceAtomic":"200000","tier":"paid","contentHash":"keccak256:4e93ba12e4b5e8da6497f689b250775c6bada9c813633eaea07eb684ddb670f7","attribution":{"source":"creator:0xfa128bbd1846c19025c7428aee403fc06f0a9e38","capturedAt":"2026-08-08T11:47:16.747Z","note":"Listed by 0xfa128bbd1846c19025c7428aee403fc06f0a9e38. Preview generated by running this prompt."}},{"id":"mostar-design","title":"Mostar Design","category":"Landing Page","teaser":"js, vanilla — no frameworks, no build step, no local assets). Every image and font must be loaded from the remote URLs below.","media":"/media/uploads/mostar-design.mp4","mediaType":"video","mediaStatus":"mirrored","poster":null,"priceAtomic":"1000000","tier":"paid","contentHash":"keccak256:9877455308b560354b38652e444ac5d15ef91284048284faa979f444f22255e1","attribution":{"source":"creator:0xfa128bbd1846c19025c7428aee403fc06f0a9e38","capturedAt":"2026-08-08T16:14:45.880Z","note":"Listed by 0xfa128bbd1846c19025c7428aee403fc06f0a9e38. Preview generated by running this prompt."}}],"total":26}