[{"id":"orbis-nft-landing","title":"Orbis NFT","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/orbis-nft-landing-poster.png","image":"/web/prompt-previews/orbis-nft-landing-preview.mp4","video":null,"chars":8276,"locked":true,"preview":""},{"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":5481,"locked":true,"preview":""},{"id":"oyla","title":"OYLA","category":"Ecommerce","tier":"premium","poster":"/web/prompt-previews/oyla-poster.jpg","image":"/web/prompt-previews/oyla-preview.mp4","video":"","chars":74685,"locked":true,"preview":""},{"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":5529,"locked":true,"preview":""},{"id":"404","title":"Nexto 404","category":"Misc","tier":"premium","poster":"/web/prompt-previews/404-preview.png","image":"/web/prompt-previews/404-preview.png","video":null,"chars":5689,"locked":true,"preview":""},{"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":41396,"locked":true,"preview":""},{"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":45451,"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":9362,"locked":true,"preview":""},{"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":8143,"locked":true,"preview":""},{"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":5908,"locked":true,"preview":""},{"id":"dreamcore-landing","title":"Dreamcore Landing","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/dreamcore-landing-poster.webp","image":"/web/prompt-previews/dreamcore-landing-preview.webp","video":"/web/media/preview_videos/dreamcore-landing.mp4","chars":13543,"locked":true,"preview":""},{"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":20785,"locked":true,"preview":""},{"id":"modern-hr-dashboard","title":"Modern HR Dashboard","category":"Dashboard","tier":"premium","poster":"/web/prompt-previews/modern-hr-dashboard-preview.png","image":"/web/prompt-previews/modern-hr-dashboard-preview.png","video":null,"chars":13276,"locked":true,"preview":""},{"id":"13","title":"Framelix 3D Studios","category":"Agency","tier":"premium","poster":"/web/prompt-previews/13-poster.png","image":"/web/prompt-previews/13-preview.mp4","video":null,"chars":2977,"locked":true,"preview":""},{"id":"ai-image-generator-ui","title":"AI Image Generator UI","category":"AI","tier":"premium","poster":"/web/prompt-previews/ai-image-generator-ui-preview.png","image":"/web/prompt-previews/ai-image-generator-ui-preview.png","video":null,"chars":4480,"locked":true,"preview":""},{"id":"layered-depth","title":"Layered Depth","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/layered-depth-poster.webp","image":"/web/prompt-previews/layered-depth-preview.webp","video":"/web/media/preview_videos/layered-depth.mp4","chars":12174,"locked":true,"preview":""},{"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":4151,"locked":true,"preview":""},{"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":10792,"locked":true,"preview":""},{"id":"14","title":"Logoisum Video Agency","category":"Agency","tier":"premium","poster":"/web/prompt-previews/14-poster.png","image":"/web/prompt-previews/14-preview.mp4","video":null,"chars":1565,"locked":true,"preview":""},{"id":"19","title":"Viktor Portfolio","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/19-poster.png","image":"/web/prompt-previews/19-preview.mp4","video":null,"chars":2693,"locked":true,"preview":""},{"id":"20","title":"Space Voyage","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/20-poster.png","image":"/web/prompt-previews/20-preview.mp4","video":null,"chars":5749,"locked":true,"preview":""},{"id":"21","title":"Buzzentic Agency","category":"Agency","tier":"premium","poster":"/web/prompt-previews/21-poster.png","image":"/web/prompt-previews/21-preview.mp4","video":null,"chars":2080,"locked":true,"preview":""},{"id":"3d-jack-portfolio-hero","title":"3D Jack Portfolio","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/3d-jack-portfolio-hero-poster.png","image":"/web/prompt-previews/3d-jack-portfolio-hero-preview.mp4","video":null,"chars":13102,"locked":true,"preview":""},{"id":"acreage-farming-hero","title":"Acreage Farming","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/acreage-farming-hero-poster.png","image":"/web/prompt-previews/acreage-farming-hero-preview.mp4","video":null,"chars":124,"locked":true,"preview":""},{"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":72630,"locked":true,"preview":""},{"id":"ai-designer-agency","title":"AI Designer Agency","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/ai-designer-agency-poster.png","image":"/web/prompt-previews/ai-designer-agency-preview.mp4","video":null,"chars":7407,"locked":true,"preview":""},{"id":"akor-security-landing","title":"AKOR Security","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/akor-security-landing-poster.png","image":"/web/prompt-previews/akor-security-landing-preview.mp4","video":null,"chars":5451,"locked":true,"preview":""},{"id":"apex-saas-hero","title":"Apex SaaS","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/apex-saas-hero-poster.png","image":"/web/prompt-previews/apex-saas-hero-preview.mp4","video":null,"chars":5287,"locked":true,"preview":""},{"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":11055,"locked":true,"preview":""},{"id":"bionova-hero","title":"Bionova Biotech","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/bionova-hero-poster.png","image":"/web/prompt-previews/bionova-hero-preview.mp4","video":null,"chars":3902,"locked":true,"preview":""},{"id":"clubx-hero","title":"ClubX Investors","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/clubx-hero-poster.png","image":"/web/prompt-previews/clubx-hero-preview.mp4","video":null,"chars":2861,"locked":true,"preview":""},{"id":"codenest-hero","title":"CodeNest Coding Platform","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/codenest-hero-poster.png","image":"/web/prompt-previews/codenest-hero-preview.mp4","video":null,"chars":2581,"locked":true,"preview":""},{"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":3817,"locked":true,"preview":""},{"id":"convix-software-hero","title":"SAAS Software","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/convix-software-hero-poster.png","image":"/web/prompt-previews/convix-software-hero-preview.mp4","video":null,"chars":5587,"locked":true,"preview":""},{"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":9125,"locked":true,"preview":""},{"id":"datacore-booking-hero","title":"Datacore Booking","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/datacore-booking-hero-poster.png","image":"/web/prompt-previews/datacore-booking-hero-preview.mp4","video":null,"chars":2826,"locked":true,"preview":""},{"id":"design-rocket-email-hero","title":"Email Marketing","category":"Email Marketing","tier":"premium","poster":"/web/prompt-previews/design-rocket-email-hero-poster.png","image":"/web/prompt-previews/design-rocket-email-hero-preview.mp4","video":null,"chars":7971,"locked":true,"preview":""},{"id":"digital-reality-hero","title":"Digital Reality","category":"Social Media","tier":"premium","poster":"/web/prompt-previews/digital-reality-hero-poster.png","image":"/web/prompt-previews/digital-reality-hero-preview.mp4","video":null,"chars":4303,"locked":true,"preview":""},{"id":"digitwist-hero","title":"Digitwist AI Builder","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/digitwist-hero-poster.png","image":"/web/prompt-previews/digitwist-hero-preview.mp4","video":null,"chars":6001,"locked":true,"preview":""},{"id":"ecommerce-website-landing","title":"E-commerce Website","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/ecommerce-website-landing-poster.png","image":"/web/prompt-previews/ecommerce-website-landing-preview.mp4","video":null,"chars":5130,"locked":true,"preview":""},{"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":19431,"locked":true,"preview":""},{"id":"evergreen-finance","title":"Evergreen Finance","category":"Fintech","tier":"premium","poster":"/web/prompt-previews/evergreen-finance-poster.webp","image":"/web/prompt-previews/evergreen-finance-preview.webp","video":"/web/media/preview_videos/evergreen-finance.mp4","chars":10870,"locked":true,"preview":""},{"id":"finlytic-hero","title":"Finlytic AI Agent","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/finlytic-hero-poster.png","image":"/web/prompt-previews/finlytic-hero-preview.mp4","video":null,"chars":3116,"locked":true,"preview":""},{"id":"flowmate-landing","title":"FlowMate","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/flowmate-landing-poster.png","image":"/web/prompt-previews/flowmate-landing-preview.mp4","video":null,"chars":7501,"locked":true,"preview":""},{"id":"focus-ai-landing","title":"Focus AI","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/focus-ai-landing-poster.png","image":"/web/prompt-previews/focus-ai-landing-preview.mp4","video":null,"chars":10579,"locked":true,"preview":""},{"id":"grow-ai-hero","title":"Grow AI Talent Platform","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/grow-ai-hero-poster.png","image":"/web/prompt-previews/grow-ai-hero-preview.mp4","video":null,"chars":5487,"locked":true,"preview":""},{"id":"guardnet-landing","title":"Guardnet","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/guardnet-landing-poster.png","image":"/web/prompt-previews/guardnet-landing-preview.mp4","video":null,"chars":9456,"locked":true,"preview":""},{"id":"innovation-landing","title":"Innovation","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/innovation-landing-poster.png","image":"/web/prompt-previews/innovation-landing-preview.mp4","video":null,"chars":8865,"locked":true,"preview":""},{"id":"liquid-glass-agency","title":"Liquid Glass Agency","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/liquid-glass-agency-poster.png","image":"/web/prompt-previews/liquid-glass-agency-preview.mp4","video":null,"chars":13354,"locked":true,"preview":""},{"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":35731,"locked":true,"preview":""},{"id":"luxury-editorial-ecommerce-design","title":"Luxury Ecommerce Design","category":"Ecommerce","tier":"premium","poster":"/web/prompt-previews/luxury-editorial-ecommerce-design-poster.webp","image":"/web/prompt-previews/luxury-editorial-ecommerce-design-preview.webp","video":"/web/media/preview_videos/luxury-editorial-ecommerce-design.mp4","chars":10473,"locked":true,"preview":""},{"id":"mindloop-hero","title":"Mindloop","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/mindloop-hero-poster.png","image":"/web/prompt-previews/mindloop-hero-preview.mp4","video":null,"chars":2884,"locked":true,"preview":""},{"id":"mindloop-landing","title":"Mindloop Landing","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/mindloop-landing-poster.png","image":"/web/prompt-previews/mindloop-landing-preview.mp4","video":null,"chars":7242,"locked":true,"preview":""},{"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":10896,"locked":true,"preview":""},{"id":"modern-agency","title":"Modern Agency","category":"Agency","tier":"premium","poster":"/web/prompt-previews/modern-agency-poster.webp","image":"/web/prompt-previews/modern-agency-preview.webp","video":"/web/media/preview_videos/modern-agency.mp4","chars":10347,"locked":true,"preview":""},{"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":8039,"locked":true,"preview":""},{"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":15036,"locked":true,"preview":""},{"id":"neovision-landing","title":"NeoVision","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/neovision-landing-poster.png","image":"/web/prompt-previews/neovision-landing-preview.mp4","video":null,"chars":8539,"locked":true,"preview":""},{"id":"neuralyn-hero","title":"Neuralyn","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/neuralyn-hero-poster.png","image":"/web/prompt-previews/neuralyn-hero-preview.mp4","video":null,"chars":5192,"locked":true,"preview":""},{"id":"nexacore-hero","title":"NexaCore","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/nexacore-hero-poster.png","image":"/web/prompt-previews/nexacore-hero-preview.mp4","video":null,"chars":13555,"locked":true,"preview":""},{"id":"nexora-hero","title":"Nexora Automation","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/nexora-hero-poster.png","image":"/web/prompt-previews/nexora-hero-preview.mp4","video":null,"chars":5344,"locked":true,"preview":""},{"id":"nickel-hero","title":"Nickel Payments","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/nickel-hero-poster.png","image":"/web/prompt-previews/nickel-hero-preview.mp4","video":null,"chars":2661,"locked":true,"preview":""},{"id":"nike-premium-landing","title":"Nike Premium Landing","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/nike-premium-landing-poster.png","image":"/web/prompt-previews/nike-premium-landing-preview.mp4","video":null,"chars":18433,"locked":true,"preview":""},{"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":""},{"id":"nova-space-landing","title":"NOVA Space Systems","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/nova-space-landing-poster.png","image":"/web/prompt-previews/nova-space-landing-preview.mp4","video":null,"chars":5101,"locked":true,"preview":""},{"id":"orbit-engineers","title":"Orbit Engineers","category":"Agency","tier":"premium","poster":"/web/prompt-previews/orbit-engineers-preview.png","image":"/web/prompt-previews/orbit-engineers-preview.png","video":null,"chars":5513,"locked":true,"preview":""},{"id":"orbit-web3-hero","title":"Orbit Web3","category":"Web3","tier":"premium","poster":"/web/prompt-previews/orbit-web3-hero-poster.png","image":"/web/prompt-previews/orbit-web3-hero-preview.mp4","video":null,"chars":3217,"locked":true,"preview":""},{"id":"planet-orbit-hero","title":"Planet Orbit","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/planet-orbit-hero-poster.png","image":"/web/prompt-previews/planet-orbit-hero-preview.mp4","video":null,"chars":3224,"locked":true,"preview":""},{"id":"portfolio-cosmic-hero","title":"Portfolio Cosmic","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/portfolio-cosmic-hero-poster.png","image":"/web/prompt-previews/portfolio-cosmic-hero-preview.mp4","video":null,"chars":8253,"locked":true,"preview":""},{"id":"price-calculator","title":"Price Calculator","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/price-calculator-poster.png","image":"/web/prompt-previews/price-calculator-preview.mp4","video":null,"chars":3168,"locked":true,"preview":""},{"id":"prisma-landing","title":"Prisma Creative Studio","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/prisma-landing-poster.png","image":"/web/prompt-previews/prisma-landing-preview.mp4","video":null,"chars":8432,"locked":true,"preview":""},{"id":"pro-ai-deck","title":"Pro AI Deck","category":"Presentation","tier":"premium","poster":"/web/prompt-previews/pro-ai-deck-poster.png","image":"/web/prompt-previews/pro-ai-deck-preview.mp4","video":null,"chars":20138,"locked":true,"preview":""},{"id":"rivr-defi-landing","title":"RIVR DeFi","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/rivr-defi-landing-poster.png","image":"/web/prompt-previews/rivr-defi-landing-preview.mp4","video":null,"chars":5195,"locked":true,"preview":""},{"id":"securify-hero","title":"Securify Data Security","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/securify-hero-poster.png","image":"/web/prompt-previews/securify-hero-preview.mp4","video":null,"chars":3822,"locked":true,"preview":""},{"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":14381,"locked":true,"preview":""},{"id":"skyelite-hero","title":"SkyElite Private Jets","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/skyelite-hero-poster.png","image":"/web/prompt-previews/skyelite-hero-preview.mp4","video":null,"chars":2285,"locked":true,"preview":""},{"id":"slate-hero","title":"Slate","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/slate-hero-poster.png","image":"/web/prompt-previews/slate-hero-preview.mp4","video":null,"chars":5124,"locked":true,"preview":""},{"id":"social-media-posts-hero","title":"Social Media Posts","category":"Social Media","tier":"premium","poster":"/web/prompt-previews/social-media-posts-hero-poster.png","image":"/web/prompt-previews/social-media-posts-hero-preview.mp4","video":null,"chars":10981,"locked":true,"preview":""},{"id":"terra-hero","title":"Terra Geo Map","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/terra-hero-poster.png","image":"/web/prompt-previews/terra-hero-preview.mp4","video":null,"chars":2616,"locked":true,"preview":""},{"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":21287,"locked":true,"preview":""},{"id":"urban-jungle-hero","title":"Urban Jungle","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/urban-jungle-hero-poster.png","image":"/web/prompt-previews/urban-jungle-hero-preview.mp4","video":null,"chars":12247,"locked":true,"preview":""},{"id":"veloce-finance-landing","title":"Veloce Finance","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/veloce-finance-landing-poster.png","image":"/web/prompt-previews/veloce-finance-landing-preview.mp4","video":null,"chars":8465,"locked":true,"preview":""},{"id":"velorah-focus-hero","title":"Velorah Focus","category":"Social Media","tier":"premium","poster":"/web/prompt-previews/velorah-focus-hero-poster.png","image":"/web/prompt-previews/velorah-focus-hero-preview.mp4","video":null,"chars":12595,"locked":true,"preview":""},{"id":"velorah-hero","title":"Velorah","category":"Agency","tier":"premium","poster":"/web/prompt-previews/velorah-hero-poster.png","image":"/web/prompt-previews/velorah-hero-preview.mp4","video":null,"chars":3788,"locked":true,"preview":""},{"id":"vitara-hero","title":"Vitara","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/vitara-hero-poster.png","image":"/web/prompt-previews/vitara-hero-preview.mp4","video":null,"chars":3620,"locked":true,"preview":""},{"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":11158,"locked":true,"preview":""},{"id":"yacht-club-hero","title":"Yacht Club","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/yacht-club-hero-poster.png","image":"/web/prompt-previews/yacht-club-hero-preview.mp4","video":null,"chars":8356,"locked":true,"preview":""},{"id":"zenith-realty-landing","title":"Zenith Realty","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/zenith-realty-landing-poster.png","image":"/web/prompt-previews/zenith-realty-landing-preview.mp4","video":null,"chars":7093,"locked":true,"preview":""},{"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":""},{"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":13462,"locked":true,"preview":""},{"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":5269,"locked":true,"preview":""},{"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":10770,"locked":true,"preview":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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.jpg","image":"/web/prompt-previews/refero/7b663e19-d226-4ff1-8698-c9ac264997e9.mp4","video":null,"chars":4545,"locked":true,"preview":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"id":"434","title":"Caldera Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/d2748768-5b78-4fd0-9d50-79ee02987d2a.jpg","image":"/web/prompt-previews/refero/cac33a72-1b51-4f14-91e5-7aa4faec89e3.mp4","video":null,"chars":4187,"locked":true,"preview":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"id":"445","title":"Airbnb Design System","category":"Design System","tier":"premium","poster":"/web/prompt-previews/refero/f18b38e7-769c-4d11-80e8-bba895b7135f.jpg","image":"/web/prompt-previews/refero/02eb020e-a5bc-4327-9d21-f73b84c75199.mp4","video":null,"chars":5424,"locked":true,"preview":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":7092,"locked":true,"preview":""},{"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":34002,"locked":true,"preview":""},{"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":19051,"locked":true,"preview":""},{"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":7598,"locked":true,"preview":""},{"id":"saas-value","title":"SaaS Value","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/saas-value-poster.png","image":"/web/prompt-previews/saas-value-poster.png","video":"","chars":8755,"locked":true,"preview":""},{"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":9692,"locked":true,"preview":""},{"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":5459,"locked":true,"preview":""},{"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":13601,"locked":true,"preview":""},{"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":10255,"locked":true,"preview":""},{"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":16376,"locked":true,"preview":""},{"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":13628,"locked":true,"preview":""},{"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":9903,"locked":true,"preview":""},{"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":16908,"locked":true,"preview":""},{"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":8994,"locked":true,"preview":""},{"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":7266,"locked":true,"preview":""},{"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":41429,"locked":true,"preview":""},{"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":12285,"locked":true,"preview":""},{"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":6403,"locked":true,"preview":""},{"id":"deck-investor","title":"Investor Deck","category":"Investor Presentations","tier":"premium","poster":"/web/prompt-previews/deck-investor-poster.png","image":"/web/prompt-previews/deck-investor-preview.mp4","video":null,"chars":10864,"locked":true,"preview":""},{"id":"bio-age-dashboard","title":"Bio-Age Dashboard","category":"Hero","tier":"premium","poster":"/web/prompt-previews/bio-age-dashboard-preview.webp","image":"/web/prompt-previews/bio-age-dashboard-preview.webp","video":"","chars":6869,"locked":true,"preview":""},{"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":4719,"locked":true,"preview":""},{"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":""},{"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":5969,"locked":true,"preview":""},{"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":54280,"locked":true,"preview":""},{"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":7877,"locked":true,"preview":""},{"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":4030,"locked":true,"preview":""},{"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":10671,"locked":true,"preview":""},{"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":36212,"locked":true,"preview":""},{"id":"cargo-group","title":"Cargo Group","category":"Hero","tier":"free","poster":"/web/prompt-previews/cargo-group-poster.jpg","image":"/web/prompt-previews/cargo-group-preview.mp4","video":"","chars":33230,"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":5431,"locked":true,"preview":""},{"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":""},{"id":"7","title":"Synapse Dark Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/7-poster.png","image":"/web/prompt-previews/7-preview.mp4","video":null,"chars":1608,"locked":true,"preview":""},{"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":5713,"locked":true,"preview":""},{"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":""},{"id":"futuristic-tech","title":"Futuristic Tech","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/futuristic-tech-poster.webp","image":"/web/prompt-previews/futuristic-tech-preview.webp","video":"/web/media/preview_videos/futuristic-tech.mp4","chars":4805,"locked":true,"preview":""},{"id":"10","title":"AI Automation Hero","category":"AI / SaaS","tier":"premium","poster":"/web/prompt-previews/10-poster.png","image":"/web/prompt-previews/10-preview.mp4","video":null,"chars":2693,"locked":true,"preview":""},{"id":"11","title":"Weblex Dark Hero","category":"Landing Page","tier":"premium","poster":"/web/prompt-previews/11-poster.png","image":"/web/prompt-previews/11-preview.mp4","video":null,"chars":2547,"locked":true,"preview":""},{"id":"12","title":"Targo Logistics Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/12-poster.png","image":"/web/prompt-previews/12-preview.mp4","video":null,"chars":2162,"locked":true,"preview":""},{"id":"wisa-space-hero","title":"WISA Space","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/wisa-space-hero-poster.png","image":"/web/prompt-previews/wisa-space-hero-preview.mp4","video":null,"chars":37,"locked":true,"preview":""},{"id":"orbis-cta","title":"Orbis CTA","category":"CTA","tier":"premium","poster":"/web/prompt-previews/orbis-cta-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/2f261f4a58521884.mp4","chars":7573,"locked":true,"preview":""},{"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":5533,"locked":true,"preview":""},{"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":5232,"locked":true,"preview":""},{"id":"9","title":"Web3 EOS Hero","category":"Web3","tier":"premium","poster":"/web/prompt-previews/9-preview.png","image":"/web/prompt-previews/9-preview.png","video":null,"chars":3112,"locked":true,"preview":""},{"id":"15","title":"Dark Portfolio Hero","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/15-poster.png","image":"/web/prompt-previews/15-preview.mp4","video":null,"chars":5526,"locked":true,"preview":""},{"id":"16","title":"HR SaaS Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/16-poster.png","image":"/web/prompt-previews/16-preview.mp4","video":null,"chars":2198,"locked":true,"preview":""},{"id":"2","title":"Taskora SaaS Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/2-poster.png","image":"/web/prompt-previews/2-preview.mp4","video":null,"chars":2748,"locked":true,"preview":""},{"id":"3","title":"ClearInvoice SaaS Hero","category":"SaaS","tier":"premium","poster":"/web/prompt-previews/3-poster.png","image":"/web/prompt-previews/3-preview.mp4","video":null,"chars":2078,"locked":true,"preview":""},{"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":5347,"locked":true,"preview":""},{"id":"5","title":"Glassmorphism Agency Hero","category":"Agency","tier":"premium","poster":"/web/prompt-previews/5-poster.png","image":"/web/prompt-previews/5-preview.mp4","video":null,"chars":3339,"locked":true,"preview":""},{"id":"6","title":"Bold Portfolio Hero","category":"Portfolio","tier":"premium","poster":"/web/prompt-previews/6-poster.png","image":"/web/prompt-previews/6-preview.mp4","video":null,"chars":2871,"locked":true,"preview":""},{"id":"8","title":"New Era Automotive Hero","category":"Automotive","tier":"premium","poster":"/web/prompt-previews/8-poster.png","image":"/web/prompt-previews/8-preview.mp4","video":null,"chars":2688,"locked":true,"preview":""},{"id":"aethera-hero","title":"Aethera Studio","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/aethera-hero-poster.png","image":"/web/prompt-previews/aethera-hero-preview.mp4","video":null,"chars":3104,"locked":true,"preview":""},{"id":"aetheris-voyage-hero","title":"Aetheris Voyage","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/aetheris-voyage-hero-poster.png","image":"/web/prompt-previews/aetheris-voyage-hero-preview.mp4","video":null,"chars":10190,"locked":true,"preview":""},{"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":16580,"locked":true,"preview":""},{"id":"asme-hero","title":"Asme","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/asme-hero-poster.png","image":"/web/prompt-previews/asme-hero-preview.mp4","video":null,"chars":4360,"locked":true,"preview":""},{"id":"aurora-onboard","title":"Aurora Onboard","category":"Signup","tier":"premium","poster":"/web/prompt-previews/aurora-onboard-preview.png","image":"/web/prompt-previews/aurora-onboard-preview.png","video":null,"chars":4770,"locked":true,"preview":""},{"id":"automation-machines-hero","title":"Automation Machines","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/automation-machines-hero-poster.png","image":"/web/prompt-previews/automation-machines-hero-preview.mp4","video":null,"chars":7406,"locked":true,"preview":""},{"id":"benefits-features","title":"Benefits Features","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/benefits-features-poster.png","image":"/web/prompt-previews/benefits-features-preview.mp4","video":null,"chars":5910,"locked":true,"preview":""},{"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":8062,"locked":true,"preview":""},{"id":"bloom-ai-hero","title":"Bloom AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/bloom-ai-hero-poster.png","image":"/web/prompt-previews/bloom-ai-hero-preview.mp4","video":null,"chars":3835,"locked":true,"preview":""},{"id":"celestia-hero","title":"Celestia","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/celestia-hero-poster.png","image":"/web/prompt-previews/celestia-hero-preview.mp4","video":null,"chars":408,"locked":true,"preview":""},{"id":"community-cta","title":"Community CTA","category":"CTA Section","tier":"premium","poster":"/web/prompt-previews/community-cta-poster.png","image":"/web/prompt-previews/community-cta-preview.mp4","video":null,"chars":6576,"locked":true,"preview":""},{"id":"crypto-wealth-hero","title":"Crypto Wealth","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/crypto-wealth-hero-poster.png","image":"/web/prompt-previews/crypto-wealth-hero-preview.mp4","video":null,"chars":11283,"locked":true,"preview":""},{"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":6373,"locked":true,"preview":""},{"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":""},{"id":"designpro-hero","title":"DesignPro Academy","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/designpro-hero-poster.png","image":"/web/prompt-previews/designpro-hero-preview.mp4","video":null,"chars":3038,"locked":true,"preview":""},{"id":"digital-epoch-hero","title":"Digital Epoch","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/digital-epoch-hero-poster.png","image":"/web/prompt-previews/digital-epoch-hero-preview.mp4","video":null,"chars":4594,"locked":true,"preview":""},{"id":"dot-hero","title":"Dot","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/dot-hero-poster.png","image":"/web/prompt-previews/dot-hero-preview.mp4","video":null,"chars":3870,"locked":true,"preview":""},{"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":10776,"locked":true,"preview":""},{"id":"ecovolta-hero","title":"EcoVolta","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/ecovolta-hero-poster.png","image":"/web/prompt-previews/ecovolta-hero-preview.mp4","video":null,"chars":7207,"locked":true,"preview":""},{"id":"ecovolta-v2-hero","title":"EcoVolta V2","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/ecovolta-v2-hero-poster.png","image":"/web/prompt-previews/ecovolta-v2-hero-preview.mp4","video":null,"chars":3749,"locked":true,"preview":""},{"id":"evr-ventures-hero","title":"EVR Ventures","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/evr-ventures-hero-poster.png","image":"/web/prompt-previews/evr-ventures-hero-preview.mp4","video":null,"chars":4265,"locked":true,"preview":""},{"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":""},{"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":""},{"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":""},{"id":"glow-features","title":"Glow Features","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/glow-features-preview.png","image":"/web/prompt-previews/glow-features-preview.png","video":null,"chars":3072,"locked":true,"preview":""},{"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":15020,"locked":true,"preview":""},{"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":13726,"locked":true,"preview":""},{"id":"haul-footer","title":"HAUL!","category":"Footer Section","tier":"premium","poster":"/web/prompt-previews/haul-footer-preview.png","image":"/web/prompt-previews/haul-footer-preview.png","video":null,"chars":4329,"locked":true,"preview":""},{"id":"impressive-hero","title":"Impressive Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/impressive-hero-poster.png","image":"/web/prompt-previews/impressive-hero-preview.mp4","video":null,"chars":4586,"locked":true,"preview":""},{"id":"keep-ahead-features","title":"Keep Ahead Features","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/keep-ahead-features-preview.png","image":"/web/prompt-previews/keep-ahead-features-preview.png","video":null,"chars":9132,"locked":true,"preview":""},{"id":"kresna-footer","title":"Kresna Footer","category":"Footer Section","tier":"premium","poster":"/web/prompt-previews/kresna-footer-poster.png","image":"/web/prompt-previews/kresna-footer-preview.mp4","video":null,"chars":9163,"locked":true,"preview":""},{"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":""},{"id":"lumina-footer","title":"Lumina","category":"Footer Section","tier":"premium","poster":"/web/prompt-previews/lumina-footer-poster.png","image":"/web/prompt-previews/lumina-footer-preview.mp4","video":null,"chars":5113,"locked":true,"preview":""},{"id":"luminex-hero","title":"Luminex","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/luminex-hero-poster.png","image":"/web/prompt-previews/luminex-hero-preview.mp4","video":null,"chars":162,"locked":true,"preview":""},{"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":5397,"locked":true,"preview":""},{"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":8070,"locked":true,"preview":""},{"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":6647,"locked":true,"preview":""},{"id":"nexar-hero","title":"Nexar","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/nexar-hero-poster.png","image":"/web/prompt-previews/nexar-hero-preview.mp4","video":null,"chars":8357,"locked":true,"preview":""},{"id":"nexora-features","title":"Nexora Features","category":"Features Section","tier":"premium","poster":"/web/prompt-previews/nexora-features-poster.png","image":"/web/prompt-previews/nexora-features-preview.mp4","video":null,"chars":4555,"locked":true,"preview":""},{"id":"nexus-hero","title":"Nexus IT Solutions","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/nexus-hero-poster.png","image":"/web/prompt-previews/nexus-hero-preview.mp4","video":null,"chars":2270,"locked":true,"preview":""},{"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":""},{"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":4156,"locked":true,"preview":""},{"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":""},{"id":"portal-hero","title":"Portal","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/portal-hero-poster.png","image":"/web/prompt-previews/portal-hero-preview.mp4","video":null,"chars":6663,"locked":true,"preview":""},{"id":"power-ai-hero","title":"Power AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/power-ai-hero-poster.png","image":"/web/prompt-previews/power-ai-hero-preview.mp4","video":null,"chars":3838,"locked":true,"preview":""},{"id":"prioritize-hero","title":"Prioritize","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/prioritize-hero-preview.png","image":"/web/prompt-previews/prioritize-hero-preview.png","video":null,"chars":6216,"locked":true,"preview":""},{"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":3421,"locked":true,"preview":""},{"id":"railroad-ai-hero","title":"Railroad.ai","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/railroad-ai-hero-poster.png","image":"/web/prompt-previews/railroad-ai-hero-preview.mp4","video":null,"chars":3913,"locked":true,"preview":""},{"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":6904,"locked":true,"preview":""},{"id":"rivr-hero","title":"RIVR","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/rivr-hero-poster.png","image":"/web/prompt-previews/rivr-hero-preview.mp4","video":null,"chars":8089,"locked":true,"preview":""},{"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":15732,"locked":true,"preview":""},{"id":"sentinel-ai-hero","title":"Sentinel AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/sentinel-ai-hero-poster.png","image":"/web/prompt-previews/sentinel-ai-hero-preview.mp4","video":null,"chars":5940,"locked":true,"preview":""},{"id":"shamoni-hero","title":"Shamoni","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/shamoni-hero-poster.png","image":"/web/prompt-previews/shamoni-hero-preview.mp4","video":null,"chars":21578,"locked":true,"preview":""},{"id":"slam-dunk-hero","title":"Slam Dunk","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/slam-dunk-hero-poster.png","image":"/web/prompt-previews/slam-dunk-hero-preview.mp4","video":null,"chars":86,"locked":true,"preview":""},{"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":""},{"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":3854,"locked":true,"preview":""},{"id":"stellar-ai-hero","title":"Stellar AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/stellar-ai-hero-poster.png","image":"/web/prompt-previews/stellar-ai-hero-preview.mp4","video":null,"chars":3973,"locked":true,"preview":""},{"id":"stellar-ai-v2-hero","title":"Sync AI","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/stellar-ai-v2-hero-poster.png","image":"/web/prompt-previews/stellar-ai-v2-hero-preview.mp4","video":null,"chars":6142,"locked":true,"preview":""},{"id":"taskly-hero","title":"Taskly","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/taskly-hero-poster.png","image":"/web/prompt-previews/taskly-hero-preview.mp4","video":null,"chars":2465,"locked":true,"preview":""},{"id":"transform-data-hero","title":"Transform Data","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/transform-data-hero-poster.png","image":"/web/prompt-previews/transform-data-hero-preview.mp4","video":null,"chars":3605,"locked":true,"preview":""},{"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":4734,"locked":true,"preview":""},{"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":9255,"locked":true,"preview":""},{"id":"vertex-ai-hero","title":"VertexAI Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/vertex-ai-hero-poster.png","image":"/web/prompt-previews/vertex-ai-hero-preview.mp4","video":null,"chars":12241,"locked":true,"preview":""},{"id":"vex-ventures-hero","title":"VEX Ventures","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/vex-ventures-hero-poster.png","image":"/web/prompt-previews/vex-ventures-hero-preview.mp4","video":null,"chars":5051,"locked":true,"preview":""},{"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":""},{"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":4223,"locked":true,"preview":""},{"id":"xportfolio-hero","title":"xPortfolio Hero","category":"Hero Section","tier":"premium","poster":"/web/prompt-previews/xportfolio-hero-poster.png","image":"/web/prompt-previews/xportfolio-hero-preview.mp4","video":null,"chars":2874,"locked":true,"preview":""},{"id":"zenith-footer","title":"Zenith Footer","category":"Footer Section","tier":"premium","poster":"/web/prompt-previews/zenith-footer-poster.png","image":"/web/prompt-previews/zenith-footer-preview.mp4","video":null,"chars":4256,"locked":true,"preview":""},{"id":"build-with-us","title":"Build With Us","category":"Contact us","tier":"premium","poster":"/web/prompt-previews/prompt-media/0a039d15bbcc2def.jpg","image":"/web/prompt-previews/prompt-media/ed5ff4fdbfe7b2fb.jpg","video":"/web/prompt-previews/prompt-media/3898ab4c12f313fd.mp4","chars":6252,"locked":true,"preview":""},{"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":4108,"locked":true,"preview":""},{"id":"solace-sign-in","title":"Solace sign-in","category":"Sign In Form","tier":"premium","poster":"/web/prompt-previews/solace-sign-in-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/74487dca3f3ac5a5.mp4","chars":15138,"locked":true,"preview":""},{"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":""},{"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":""},{"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":4540,"locked":true,"preview":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":9261,"locked":true,"preview":""},{"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":10615,"locked":true,"preview":""},{"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":8666,"locked":true,"preview":""},{"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":6473,"locked":true,"preview":""},{"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":16723,"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":7044,"locked":true,"preview":""},{"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":15664,"locked":true,"preview":""},{"id":"projects-catalog","title":"Projects Catalog","category":"Projects","tier":"premium","poster":"/web/prompt-previews/projects-catalog-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/ac655a2050bb7145.mp4","chars":7197,"locked":true,"preview":""},{"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":""},{"id":"scroll-marquee","title":"Scroll Marquee","category":"Marquee","tier":"premium","poster":"/web/prompt-previews/scroll-marquee-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/76ccd48323e32b67.mp4","chars":3350,"locked":true,"preview":""},{"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":10292,"locked":true,"preview":""},{"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":9664,"locked":true,"preview":""},{"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":""},{"id":"nimbus-security","title":"Nimbus Security","category":"Cards","tier":"premium","poster":"/web/prompt-previews/nimbus-security-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/53986700835b679f.mp4","chars":12818,"locked":true,"preview":""},{"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":""},{"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":""},{"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":4290,"locked":true,"preview":""},{"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":3241,"locked":true,"preview":""},{"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":3555,"locked":true,"preview":""},{"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":4038,"locked":true,"preview":""},{"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":6033,"locked":true,"preview":""},{"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":6908,"locked":true,"preview":""},{"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":4777,"locked":true,"preview":""},{"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":12180,"locked":true,"preview":""},{"id":"rocket-cta","title":"Rocket CTA","category":"CTA","tier":"premium","poster":"/web/prompt-previews/rocket-cta-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/3ba6e1684db9065e.mp4","chars":11622,"locked":true,"preview":""},{"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":""},{"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":6063,"locked":true,"preview":""},{"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":12324,"locked":true,"preview":""},{"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":4393,"locked":true,"preview":""},{"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":""},{"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":5263,"locked":true,"preview":""},{"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":""},{"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":""},{"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":""},{"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":""},{"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":12067,"locked":true,"preview":""},{"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":6679,"locked":true,"preview":""},{"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":3499,"locked":true,"preview":""},{"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":""},{"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":""},{"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":""},{"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":5840,"locked":true,"preview":""},{"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":""},{"id":"bold-studio","title":"Bold Studio","category":"Hero","tier":"premium","poster":"/web/prompt-previews/bold-studio-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/2028331250ceef0f.mp4","chars":6067,"locked":true,"preview":""},{"id":"cinematic-brand","title":"Cinematic Brand","category":"Hero","tier":"premium","poster":"/web/prompt-previews/cinematic-brand-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/8b48188e491d687d.mp4","chars":6044,"locked":true,"preview":""},{"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":4182,"locked":true,"preview":""},{"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":7086,"locked":true,"preview":""},{"id":"interior-features","title":"Interior Features","category":"Features","tier":"premium","poster":"/web/prompt-previews/interior-features-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/c02e50d48f6fe8dc.mp4","chars":4752,"locked":true,"preview":""},{"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":4802,"locked":true,"preview":""},{"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":9217,"locked":true,"preview":""},{"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":5900,"locked":true,"preview":""},{"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":6894,"locked":true,"preview":""},{"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":6927,"locked":true,"preview":""},{"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":5407,"locked":true,"preview":""},{"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":7915,"locked":true,"preview":""},{"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":3646,"locked":true,"preview":""},{"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":7548,"locked":true,"preview":""},{"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":9146,"locked":true,"preview":""},{"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":4400,"locked":true,"preview":""},{"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":7543,"locked":true,"preview":""},{"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":""},{"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":14780,"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.webp","image":"/web/prompt-previews/wellness-balance-preview.webp","video":"","chars":25041,"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":6443,"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.webp","image":"/web/prompt-previews/creative-portfolio-preview.webp","video":"","chars":28759,"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":4787,"locked":true,"preview":""},{"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":8275,"locked":true,"preview":""},{"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":6423,"locked":true,"preview":""},{"id":"1","title":"New Era Bold Hero","category":"Agency","tier":"premium","poster":"/web/prompt-previews/1-poster.png","image":"/web/prompt-previews/1-preview.mp4","video":null,"chars":1663,"locked":true,"preview":""},{"id":"0","title":"Wealth Video Hero","category":"Fintech","tier":"premium","poster":"/web/prompt-previews/0-poster.png","image":"/web/prompt-previews/0-preview.mp4","video":null,"chars":2021,"locked":true,"preview":""},{"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":7343,"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":44758,"locked":true,"preview":""},{"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":8190,"locked":true,"preview":""},{"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":5054,"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":7736,"locked":true,"preview":""},{"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":14805,"locked":true,"preview":""},{"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":6698,"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":5151,"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 \"Inter\" …"},{"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":4095,"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":3996,"locked":true,"preview":""},{"id":"cleantech","title":"CleanTech","category":"Sustainability","tier":"premium","poster":"/web/prompt-previews/cleantech-poster.jpg","image":"/web/prompt-previews/cleantech-preview.mp4","video":"","chars":10066,"locked":true,"preview":""},{"id":"stillmind","title":"Stillmind","category":"Hero","tier":"free","poster":"/web/prompt-previews/stillmind-poster.jpg","image":"/web/prompt-previews/stillmind-preview.mp4","video":"","chars":6025,"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 in …"},{"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":4754,"locked":true,"preview":""},{"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":26199,"locked":true,"preview":""},{"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":5051,"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":6931,"locked":true,"preview":""},{"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":6172,"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, clean …"},{"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":24277,"locked":true,"preview":""},{"id":"21-hero-section","title":"Hero Section","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/442083d2d79cc4bb.jpg","image":"/web/prompt-previews/prompt-media/442083d2d79cc4bb.jpg","video":"/web/prompt-previews/prompt-media/cd2cb2d0bbf6e675.mp4","chars":4263,"locked":true,"preview":""},{"id":"21-dark-gradient-pricing","title":"Dark Gradient Pricing","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/685b827bb6e32ba9.jpg","image":"/web/prompt-previews/prompt-media/685b827bb6e32ba9.jpg","video":null,"chars":3109,"locked":true,"preview":""},{"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":""},{"id":"21-sidebar","title":"Sidebar","category":"Navigation","tier":"free","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":false,"preview":"Expandable sidebar that expands on hover, mobile responsive and dark mode support — Install — npx shadcn@latest add \"https://21st.dev/r/sidebar\" — Component source (Sidebar.tsx) — \"use client\"; import { cn } from …"},{"id":"21-expandable-tabs","title":"Expandable Tabs","category":"Navigation","tier":"free","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":false,"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 open tab. Features - Animated Expansion: Smooth animations …"},{"id":"21-splash-cursor","title":"Splash Cursor","category":"Cursor","tier":"premium","poster":"/web/prompt-previews/prompt-media/c66bc3744192d9ea.jpg","image":"/web/prompt-previews/prompt-media/c66bc3744192d9ea.jpg","video":"/web/prompt-previews/prompt-media/e09a0acd27836c16.mp4","chars":36942,"locked":true,"preview":""},{"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":""},{"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":""},{"id":"21-timeline","title":"Timeline","category":"Scroll","tier":"premium","poster":"/web/prompt-previews/prompt-media/3c86d09e12d4ff3f.jpg","image":"/web/prompt-previews/prompt-media/3c86d09e12d4ff3f.jpg","video":"/web/prompt-previews/prompt-media/3a0cac13a9f1a646.mp4","chars":3528,"locked":true,"preview":""},{"id":"21-tubelight-navbar","title":"Tubelight Navbar","category":"Navigation","tier":"free","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":false,"preview":"A sleek and modern navigation bar component with smooth animations and a dynamic indicator. Perfect for primary navigation in web applications. Features - Animated tab indicator with glowing effect - Responsive design …"},{"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":""},{"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":""},{"id":"21-container-scroll-animation","title":"Container Scroll Animation","category":"Scroll","tier":"premium","poster":"/web/prompt-previews/prompt-media/398a36f9d0ad84d8.jpg","image":"/web/prompt-previews/prompt-media/398a36f9d0ad84d8.jpg","video":"/web/prompt-previews/prompt-media/1b4126cd47116afb.mp4","chars":2783,"locked":true,"preview":""},{"id":"21-footer-section","title":"Footer section","category":"Footer","tier":"free","poster":"/web/prompt-previews/prompt-media/b574c16d3e79c8c7.jpg","image":"/web/prompt-previews/prompt-media/b574c16d3e79c8c7.jpg","video":null,"chars":6964,"locked":false,"preview":"Basic footer section with theme toggle — Install — npx shadcn@latest add \"https://21st.dev/r/footer-section\" — Component source (Footer section.tsx) — \"use client\" import * as React from \"react\" import { Button } from …"},{"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":""},{"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":""},{"id":"21-animated-hero","title":"Animated hero","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/2f0b886f92993f61.jpg","image":"/web/prompt-previews/prompt-media/2f0b886f92993f61.jpg","video":"/web/prompt-previews/prompt-media/c1fd797387d3d409.mp4","chars":3191,"locked":true,"preview":""},{"id":"21-dialog","title":"Dialog","category":"Form","tier":"free","poster":"/web/prompt-previews/prompt-media/8c964590b202f8f6.jpg","image":"/web/prompt-previews/prompt-media/8c964590b202f8f6.jpg","video":null,"chars":4084,"locked":false,"preview":"Enhanced shadcn/ui dialog — Install — npx shadcn@latest add \"https://21st.dev/r/dialog\" — Component source (Dialog.tsx) — \"use client\"; import * as DialogPrimitive from \"@radix-ui/react-dialog\"; import * as React from …"},{"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":""},{"id":"21-ai-voice-input","title":"AI Voice Input","category":"Form","tier":"free","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":false,"preview":"A voice input component with an animated visualizer and recording timer. It includes a demo mode, customizable visualizer, and recording callbacks. Features: • Animated audio visualizer • Recording timer display • …"},{"id":"21-pricing-section","title":"Pricing Section","category":"Pricing","tier":"free","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":false,"preview":"A comprehensive pricing section component that combines animated tabs and pricing cards. Originally built for Dub.co's pricing page. Features - Monthly/yearly frequency toggle with discount badge - Animated tab …"},{"id":"21-display-cards","title":"Display Cards","category":"Card","tier":"free","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":false,"preview":"A visually appealing stacked card layout with hover animations and grayscale effects. Features: • Stacked card layout • Hover animations • Grayscale effects • Custom icons • Responsive design • Dark mode support • …"},{"id":"21-table","title":"Table","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/b56f1d1f8ff4b704.jpg","image":"/web/prompt-previews/prompt-media/b56f1d1f8ff4b704.jpg","video":null,"chars":3002,"locked":false,"preview":"Shadcn table with enhanced appearance — Install — npx shadcn@latest add \"https://21st.dev/r/table\" — Component source (Table.tsx) — import * as React from \"react\"; import { cn } from \"@/lib/utils\"; const Table = …"},{"id":"21-waves-background","title":"Waves Background","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/30e50bca08bd32ee.jpg","image":"/web/prompt-previews/prompt-media/30e50bca08bd32ee.jpg","video":"/web/prompt-previews/prompt-media/fa97d3b4e3afa702.mp4","chars":10539,"locked":true,"preview":""},{"id":"21-empty-state","title":"Empty State","category":"Component","tier":"free","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":false,"preview":"Empty state card with shadcn/ui buttons. Inspired by @AndyRyanWeir — Install — npx shadcn@latest add \"https://21st.dev/r/empty-state\" — Component source (Empty State.tsx) — import * as React from \"react\" import { cn } …"},{"id":"21-feature-section-with-hover-effects","title":"Feature Section with hover effects","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/42b5aaabfb7280ce.jpg","image":"/web/prompt-previews/prompt-media/42b5aaabfb7280ce.jpg","video":"/web/prompt-previews/prompt-media/e0a074c1a59b8817.mp4","chars":3762,"locked":false,"preview":"Feature Section with hover effects — Install — npx shadcn@latest add \"https://21st.dev/r/feature-section-with-hover-effects\" — Component source (Feature Section with hover effects.tsx) — import { cn } from …"},{"id":"21-animated-testimonials","title":"Animated Testimonials","category":"Testimonial","tier":"premium","poster":"/web/prompt-previews/prompt-media/287d7b37fa7e41f3.jpg","image":"/web/prompt-previews/prompt-media/287d7b37fa7e41f3.jpg","video":"/web/prompt-previews/prompt-media/44e11e07091079c2.mp4","chars":6439,"locked":true,"preview":""},{"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":""},{"id":"21-testimonials-with-marquee","title":"Testimonials with Marquee","category":"Text Effect","tier":"premium","poster":"/web/prompt-previews/prompt-media/eb884371e944c5f8.jpg","image":"/web/prompt-previews/prompt-media/eb884371e944c5f8.jpg","video":"/web/prompt-previews/prompt-media/10a6a69e2e32bcbd.mp4","chars":2592,"locked":true,"preview":""},{"id":"21-world-map","title":"World Map","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/38f5c0fe2e5de7f8.jpg","image":"/web/prompt-previews/prompt-media/38f5c0fe2e5de7f8.jpg","video":null,"chars":5436,"locked":false,"preview":"A world map with animated lines and dots, programatically generated. — Install — npx shadcn@latest add \"https://21st.dev/r/world-map\" — Component source (World Map.tsx) — \"use client\"; import { useRef } from \"react\" …"},{"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":""},{"id":"21-pricing","title":"Pricing","category":"Pricing","tier":"free","poster":"/web/prompt-previews/prompt-media/bcb39a3ba8757527.jpg","image":"/web/prompt-previews/prompt-media/bcb39a3ba8757527.jpg","video":"/web/prompt-previews/prompt-media/7f1aa6ac88449d1a.mp4","chars":7934,"locked":false,"preview":"A dynamic pricing section with animated cards, confetti effects, and monthly/yearly toggle. Features: • Animated pricing cards using Framer Motion • Interactive monthly/yearly pricing toggle with a confetti effect • …"},{"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":""},{"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":""},{"id":"21-gravity","title":"Gravity","category":"Component","tier":"free","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":false,"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 bit tricky and cumbersome, especially with React. This …"},{"id":"21-highlighter","title":"Highlighter","category":"Component","tier":"free","poster":"/web/prompt-previews/21-highlighter-poster.jpg","image":"","video":"/web/prompt-previews/prompt-media/745532e38b41a0bf.mp4","chars":11202,"locked":false,"preview":"Highlighter, Particle, CTA — Install — npx shadcn@latest add \"https://21st.dev/r/highlighter\" — Component source (Highlighter.tsx) — \"use client\"; import type { PropsWithChildren } from \"react\"; import React, { …"},{"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":""},{"id":"21-feature-section","title":"Feature Section","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/59f36df68b2a00ec.jpg","image":"/web/prompt-previews/prompt-media/59f36df68b2a00ec.jpg","video":"/web/prompt-previews/prompt-media/4b9a4b11ed7cc89b.mp4","chars":4700,"locked":false,"preview":"A sleek, animated feature section showcasing steps with engaging visuals and smooth transitions. Features - Auto-advancing steps with progress - Smooth animations and transitions - Responsive design - Image carousel …"},{"id":"21-canvas","title":"Canvas","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/4d1b9aed2a1c34fb.jpg","image":"/web/prompt-previews/prompt-media/4d1b9aed2a1c34fb.jpg","video":"/web/prompt-previews/prompt-media/01a39ba3ffedda2f.mp4","chars":5431,"locked":false,"preview":"Canvas effect — Install — npx shadcn@latest add \"https://21st.dev/r/canvas\" — Component source (Canvas.tsx) — // @ts-ignore function n(e) { // @ts-ignore this.init(e || {}); } n.prototype = { // @ts-ignore init …"},{"id":"21-gooey-filter","title":"Gooey Filter","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/0d0a8a2724d08281.jpg","image":"/web/prompt-previews/prompt-media/0d0a8a2724d08281.jpg","video":null,"chars":930,"locked":false,"preview":"An svg filter component that creates a gooey effect on the background. Can be used to create fluid interfaces or rounded-at-all-corners panels. Limited support for Safari. — Install — npx shadcn@latest add …"},{"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":""},{"id":"21-navbar-menu","title":"Navbar Menu","category":"Navigation","tier":"free","poster":"/web/prompt-previews/prompt-media/cbf496106263f48d.jpg","image":"/web/prompt-previews/prompt-media/cbf496106263f48d.jpg","video":"/web/prompt-previews/prompt-media/4056f6a0bc12679d.mp4","chars":3164,"locked":false,"preview":"A navbar menu that animates its children on hover, makes a beautiful bignav — Install — npx shadcn@latest add \"https://21st.dev/r/navbar-menu\" — Component source (Navbar Menu.tsx) — \"use client\"; import React from …"},{"id":"21-flickering-grid","title":"Flickering Grid","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/4c0174c038aea25a.jpg","image":"/web/prompt-previews/prompt-media/4c0174c038aea25a.jpg","video":"/web/prompt-previews/prompt-media/7d9ebbbaf8e0e081.mp4","chars":5312,"locked":true,"preview":""},{"id":"21-expandable-chat","title":"Expandable Chat","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/f0103565d7e1a8ca.jpg","image":"/web/prompt-previews/prompt-media/f0103565d7e1a8ca.jpg","video":"/web/prompt-previews/prompt-media/78b721fa4bb6f599.mp4","chars":4484,"locked":false,"preview":"The ExpandableChat expandable-chat.tsx component gives an easily installable component for quickly creating a chat support ui feature. There's an example repository here that gives you a ready-to-use chatbot with Vercel …"},{"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":""},{"id":"21-button","title":"Button","category":"Button","tier":"free","poster":"/web/prompt-previews/prompt-media/753266f70f46a14d.jpg","image":"/web/prompt-previews/prompt-media/753266f70f46a14d.jpg","video":null,"chars":2062,"locked":false,"preview":"Enhanced shadcn/ui button — Install — npx shadcn@latest add \"https://21st.dev/r/button\" — Component source (Button.tsx) — import { Slot } from \"@radix-ui/react-slot\"; import { cva, type VariantProps } from …"},{"id":"21-moving-border","title":"Moving Border","category":"Component","tier":"free","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":false,"preview":"A border that moves around the container. Perfect for making your buttons stand out. — Install — npx shadcn@latest add \"https://21st.dev/r/moving-border\" — Component source (Moving Border.tsx) — \"use client\"; import …"},{"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":""},{"id":"21-3d-carousel","title":"3D Carousel","category":"Showcase","tier":"premium","poster":"/web/prompt-previews/prompt-media/6726d0d91f128a0f.jpg","image":"/web/prompt-previews/prompt-media/6726d0d91f128a0f.jpg","video":"/web/prompt-previews/prompt-media/caec91417ca7adf4.mp4","chars":6954,"locked":true,"preview":""},{"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":6287,"locked":true,"preview":""},{"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":""},{"id":"21-background-paths","title":"Background Paths","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/4fca046242e09552.jpg","image":"/web/prompt-previews/prompt-media/4fca046242e09552.jpg","video":null,"chars":6052,"locked":true,"preview":""},{"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":""},{"id":"21-interactive-hover-button","title":"Interactive Hover Button","category":"Button","tier":"free","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":false,"preview":"A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity. — Install — npx shadcn@latest add …"},{"id":"21-evervault-card","title":"Evervault Card","category":"Card","tier":"free","poster":"/web/prompt-previews/prompt-media/9b19fc36c1bf8ff4.jpg","image":"/web/prompt-previews/prompt-media/9b19fc36c1bf8ff4.jpg","video":"/web/prompt-previews/prompt-media/1647b49a9f2fad28.mp4","chars":3627,"locked":false,"preview":"A cool card with amazing hover effect, reveals encrypted text and a mixed gradient. — Install — npx shadcn@latest add \"https://21st.dev/r/evervault-card\" — Component source (Evervault Card.tsx) — \"use client\"; import { …"},{"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":""},{"id":"21-glowing-effect","title":"Glowing Effect","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/c91ec50768294946.jpg","image":"/web/prompt-previews/prompt-media/c91ec50768294946.jpg","video":null,"chars":6761,"locked":true,"preview":""},{"id":"21-sidebar-news","title":"Sidebar News","category":"Navigation","tier":"free","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":false,"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 with hover animations - Swipe-to-dismiss functionality - …"},{"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":""},{"id":"21-glare-card","title":"Glare Card","category":"Card","tier":"free","poster":"/web/prompt-previews/prompt-media/872c274805ea3dd6.jpg","image":"/web/prompt-previews/prompt-media/872c274805ea3dd6.jpg","video":"/web/prompt-previews/prompt-media/33c20b823ac9b951.mp4","chars":6644,"locked":false,"preview":"A glare effect that happens on hover, as seen on Linear's website — Install — npx shadcn@latest add \"https://21st.dev/r/glare-card\" — Component source (Glare Card.tsx) — import { cn } from \"@/lib/utils\"; import { useRef …"},{"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":""},{"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":""},{"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":""},{"id":"21-theme-toggle","title":"Theme Toggle","category":"Component","tier":"free","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":false,"preview":"Cool Toggles with framer motion animations that you can copy-paste into your apps. — Install — npx shadcn@latest add \"https://21st.dev/r/theme-toggle\" — Component source (Theme Toggle.tsx) — \"use client\" import { …"},{"id":"21-interactive-bento-gallery","title":"Interactive Bento Gallery","category":"Showcase","tier":"premium","poster":"/web/prompt-previews/prompt-media/b91089cbe0a5ec51.jpg","image":"/web/prompt-previews/prompt-media/b91089cbe0a5ec51.jpg","video":null,"chars":19723,"locked":true,"preview":""},{"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":""},{"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":""},{"id":"21-expandable-card","title":"Expandable Card","category":"Card","tier":"free","poster":"/web/prompt-previews/prompt-media/2e77ca31f9b3eee2.jpg","image":"/web/prompt-previews/prompt-media/2e77ca31f9b3eee2.jpg","video":"/web/prompt-previews/prompt-media/0b4c3b766af32340.mp4","chars":8088,"locked":false,"preview":"An interactive, expandable card component for displaying project status and details with smooth animations. Notes: • Built with Framer Motion for smooth animations • Uses Lucide React for consistent iconography • …"},{"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":""},{"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":""},{"id":"21-animated-gradient-with-svg","title":"Animated Gradient With SVG","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/9789e477bbd72cef.jpg","image":"/web/prompt-previews/prompt-media/9789e477bbd72cef.jpg","video":"/web/prompt-previews/prompt-media/ad7313bdc31849cb.mp4","chars":3027,"locked":true,"preview":""},{"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":""},{"id":"21-ai-input-with-loading","title":"AI Input With Loading","category":"Form","tier":"free","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":false,"preview":"A chat input component with a loading state animation featuring an auto-resizing textarea, loading spinner, and status message. Features: • Loading state animation • Auto-resizing textarea • Customizable loading …"},{"id":"21-hero-video-dialog","title":"Hero Video Dialog","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/634a0b801c5bd864.jpg","image":"/web/prompt-previews/prompt-media/634a0b801c5bd864.jpg","video":null,"chars":4756,"locked":true,"preview":""},{"id":"21-interactive-icon-cloud","title":"Interactive Icon Cloud","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/3f190755f83286c2.jpg","image":"/web/prompt-previews/prompt-media/3f190755f83286c2.jpg","video":null,"chars":2088,"locked":false,"preview":"An interactive 3D tag cloud component — Install — npx shadcn@latest add \"https://21st.dev/r/interactive-icon-cloud\" — Component source (Interactive Icon Cloud.tsx) — \"use client\" import { useEffect, useMemo, useState } …"},{"id":"21-filters","title":"Filters","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/97d65bd5338f30b5.jpg","image":"/web/prompt-previews/prompt-media/97d65bd5338f30b5.jpg","video":null,"chars":19728,"locked":false,"preview":"A Linear inspired component to add / edit filters — Install — npx shadcn@latest add \"https://21st.dev/r/filters\" — Component source (Filters.tsx) — import { Checkbox } from \"@/components/ui/checkbox\"; import { Command …"},{"id":"21-ai-input-with-search","title":"AI Input With Search","category":"Form","tier":"free","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":false,"preview":"A modern chat input component with a web search toggle and file upload functionality. This component features an animated search toggle, file attachment support, and smooth transitions. Features: • Animated search …"},{"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":""},{"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":""},{"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":""},{"id":"21-dotted-dialog","title":"Dotted Dialog","category":"Form","tier":"free","poster":"/web/prompt-previews/prompt-media/fb1a77331a6be1c3.jpg","image":"/web/prompt-previews/prompt-media/fb1a77331a6be1c3.jpg","video":null,"chars":4525,"locked":false,"preview":"A customized dialog component based on shadcn/ui Dialog with a dotted background pattern inspired by Motion.dev website. Features: • Dotted background pattern with blur effect • Dark/light theme support • Fully …"},{"id":"21-link-preview","title":"Link Preview","category":"Testimonial","tier":"free","poster":"/web/prompt-previews/prompt-media/22c1fe1cec31b71c.jpg","image":"/web/prompt-previews/prompt-media/22c1fe1cec31b71c.jpg","video":"/web/prompt-previews/prompt-media/c1ea70f6cd50170b.mp4","chars":4315,"locked":false,"preview":"Dynamic link previews for your anchor tags — Install — npx shadcn@latest add \"https://21st.dev/r/link-preview\" — Component source (Link Preview.tsx) — \"use client\"; import * as HoverCardPrimitive from …"},{"id":"21-chat-message-list","title":"Chat Message List","category":"Component","tier":"free","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":false,"preview":"The ChatMessageList component (chat-message-list.tsx) is a simple wrapper component for the <ChatBubble> components. It also includes a custom useAutoScroll hook which has been architected to handle auto-scrolling …"},{"id":"21-input","title":"Input","category":"Form","tier":"free","poster":"/web/prompt-previews/prompt-media/f28451f5816ff8a3.jpg","image":"/web/prompt-previews/prompt-media/f28451f5816ff8a3.jpg","video":null,"chars":1382,"locked":false,"preview":"Upgaraded shadcn/ui Input — Install — npx shadcn@latest add \"https://21st.dev/r/input\" — Component source (Input.tsx) — import { cn } from \"@/lib/utils\"; import * as React from \"react\"; const Input = …"},{"id":"21-google-gemini-effect","title":"Google Gemini Effect","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/fb5490bc009b07a1.jpg","image":"/web/prompt-previews/prompt-media/fb5490bc009b07a1.jpg","video":null,"chars":11381,"locked":false,"preview":"An effect of SVGs as seen on the Google Gemini Website — Install — npx shadcn@latest add \"https://21st.dev/r/google-gemini-effect\" — Component source (Google Gemini Effect.tsx) — \"use client\"; import { cn } from …"},{"id":"21-activity-card","title":"Activity Card","category":"Card","tier":"free","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":false,"preview":"A versatile card component for displaying fitness and activity tracking data with interactive goals and metrics visualization. Features - Metric Rings - Circular progress indicators - Percentage-based visualization - …"},{"id":"21-hero-with-mockup","title":"Hero with Mockup","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/83288d6ac5431f91.jpg","image":"/web/prompt-previews/prompt-media/83288d6ac5431f91.jpg","video":null,"chars":4654,"locked":true,"preview":""},{"id":"21-placeholders-and-vanish-input","title":"Placeholders And Vanish Input","category":"Form","tier":"free","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":false,"preview":"Sliding in placeholders and vanish effect of input on submit — Install — npx shadcn@latest add \"https://21st.dev/r/placeholders-and-vanish-input\" — Component source (Placeholders And Vanish Input.tsx) — \"use client\" …"},{"id":"21-hero-highlight","title":"Hero Highlight","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/543d51315d5a9dd8.jpg","image":"/web/prompt-previews/prompt-media/543d51315d5a9dd8.jpg","video":"/web/prompt-previews/prompt-media/7e9948f59d02d703.mp4","chars":3065,"locked":true,"preview":""},{"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":""},{"id":"21-action-search-bar","title":"Action Search Bar","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/7fc5170cf82ea4bd.jpg","image":"/web/prompt-previews/prompt-media/7fc5170cf82ea4bd.jpg","video":null,"chars":10626,"locked":false,"preview":"Action search bar inspired from Raycast — Install — npx shadcn@latest add \"https://21st.dev/r/action-search-bar\" — Component source (Action Search Bar.tsx) — \"use client\"; import { useState, useEffect } from \"react\" …"},{"id":"21-shadcnblocks-com-navbar1","title":"Navbar with Dropdowns","category":"Navigation","tier":"free","poster":"/web/prompt-previews/prompt-media/1abb30d8782a9930.jpg","image":"/web/prompt-previews/prompt-media/1abb30d8782a9930.jpg","video":null,"chars":9997,"locked":false,"preview":"A classic shadcn style navbar with dropdowns and mobile slide in menu. — Install — npx shadcn@latest add \"https://21st.dev/r/shadcnblocks-com-navbar1\" — Component source (Navbar with Dropdowns.tsx) — import { Book …"},{"id":"21-background-boxes","title":"Background Boxes","category":"Background","tier":"premium","poster":"/web/prompt-previews/prompt-media/e1aa9aebc481d1cd.jpg","image":"/web/prompt-previews/prompt-media/e1aa9aebc481d1cd.jpg","video":"/web/prompt-previews/prompt-media/e06f52762d89609b.mp4","chars":2605,"locked":true,"preview":""},{"id":"21-video-player","title":"Video Player","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/1abb6f2e75519ac7.jpg","image":"/web/prompt-previews/prompt-media/1abb6f2e75519ac7.jpg","video":null,"chars":7298,"locked":false,"preview":"A video player component made with framer motion and tailwind css. — Install — npx shadcn@latest add \"https://21st.dev/r/video-player\" — Component source (Video Player.tsx) — \"use client\"; import React, { useRef …"},{"id":"21-spinner","title":"Spinner","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/44aa7ca464eb9558.jpg","image":"/web/prompt-previews/prompt-media/44aa7ca464eb9558.jpg","video":null,"chars":6684,"locked":false,"preview":"— Install — npx shadcn@latest add \"https://21st.dev/r/spinner\" — Component source (Spinner.tsx) — import { cn } from '@/lib/utils'; import { LoaderCircleIcon, LoaderIcon, LoaderPinwheelIcon, type LucideProps, } from …"},{"id":"21-logos3","title":"Logos 3","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/d3d15a646336f68a.jpg","image":"/web/prompt-previews/prompt-media/d3d15a646336f68a.jpg","video":null,"chars":3776,"locked":false,"preview":"Client logos scrolling automatically with a Carousel with masked edges — Install — npx shadcn@latest add \"https://21st.dev/r/logos3\" — Component source (Logos 3.tsx) — // This template requires the Embla Auto Scroll …"},{"id":"21-feature-with-image-comparison","title":"Feature with Image Comparison","category":"Component","tier":"free","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":false,"preview":"Feature block with Image Comparison — Install — npx shadcn@latest add \"https://21st.dev/r/feature-with-image-comparison\" — Component source (Feature with Image Comparison.tsx) — import { useState } from \"react\"; import …"},{"id":"21-parallax-floating","title":"Parallax Floating","category":"Scroll","tier":"premium","poster":"/web/prompt-previews/prompt-media/647bd61f0b72a8dd.jpg","image":"/web/prompt-previews/prompt-media/647bd61f0b72a8dd.jpg","video":null,"chars":3489,"locked":true,"preview":""},{"id":"21-shine-border","title":"Shine Border","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/2886f646b5b4aa35.jpg","image":"/web/prompt-previews/prompt-media/2886f646b5b4aa35.jpg","video":null,"chars":2441,"locked":false,"preview":"Shine border is an animated background border effect. — Install — npx shadcn@latest add \"https://21st.dev/r/shine-border\" — Component source (Shine Border.tsx) — \"use client\" import { cn } from \"@/lib/utils\" type …"},{"id":"21-pixel-canvas","title":"Pixel Canvas","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/23db1d9284e1d92b.jpg","image":"/web/prompt-previews/prompt-media/23db1d9284e1d92b.jpg","video":null,"chars":9070,"locked":false,"preview":"Pixel Canvas — Install — npx shadcn@latest add \"https://21st.dev/r/pixel-canvas\" — Component source (Pixel Canvas.tsx) — \"use client\" // Сначала определяем класс Pixel class Pixel { width: number height: number ctx …"},{"id":"21-hero-parallax","title":"Hero Parallax","category":"Hero","tier":"premium","poster":"/web/prompt-previews/prompt-media/8c9ec37dac9841ed.jpg","image":"/web/prompt-previews/prompt-media/8c9ec37dac9841ed.jpg","video":"/web/prompt-previews/prompt-media/7a0d23330885ad52.mp4","chars":4397,"locked":true,"preview":""},{"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":""},{"id":"21-fullscreen-calendar","title":"Fullscreen Calendar","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/9d2b58f4d76dd1d5.jpg","image":"/web/prompt-previews/prompt-media/9d2b58f4d76dd1d5.jpg","video":null,"chars":14878,"locked":false,"preview":"A clean and responsive fullscreen calendar component for React applications. Built with TypeScript and Tailwind CSS, it provides a spacious layout perfect for displaying events or navigating through dates. Features …"},{"id":"21-file-upload","title":"File Upload","category":"Component","tier":"free","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":false,"preview":"A minimal file upload form with background grid, drag and drop, and micro interactions. — Install — npx shadcn@latest add \"https://21st.dev/r/file-upload\" — Component source (File Upload.tsx) — import { cn } from …"},{"id":"21-nested-dialog","title":"Nested Dialog","category":"Form","tier":"free","poster":"/web/prompt-previews/prompt-media/09a7d91b657193cc.jpg","image":"/web/prompt-previews/prompt-media/09a7d91b657193cc.jpg","video":"/web/prompt-previews/prompt-media/2de540adfd56d470.mp4","chars":12667,"locked":false,"preview":"A versatile and accessible nested dialog component that enables stacking multiple dialogs within each other. Perfect for complex user interactions like payment flows, multi-step forms, or any scenario requiring …"},{"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":""},{"id":"21-popover","title":"Popover","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/6778fcf8b6a41279.jpg","image":"/web/prompt-previews/prompt-media/6778fcf8b6a41279.jpg","video":null,"chars":1814,"locked":false,"preview":"Enhanced shadcn/ui popover — Install — npx shadcn@latest add \"https://21st.dev/r/popover\" — Component source (Popover.tsx) — \"use client\"; import * as PopoverPrimitive from \"@radix-ui/react-popover\"; import * as React …"},{"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":""},{"id":"21-use-tags","title":"useTags","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/32c0241bb454fc86.jpg","image":"/web/prompt-previews/prompt-media/32c0241bb454fc86.jpg","video":null,"chars":2177,"locked":false,"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 tags limit - Color rotation - Default tags support - Change …"},{"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":""},{"id":"21-animated-modal","title":"Animated Modal","category":"Form","tier":"premium","poster":"/web/prompt-previews/prompt-media/f90d9abee088dc47.jpg","image":"/web/prompt-previews/prompt-media/f90d9abee088dc47.jpg","video":"/web/prompt-previews/prompt-media/0b93e994343c1445.mp4","chars":5819,"locked":true,"preview":""},{"id":"21-floating-panel","title":"Floating Panel","category":"Component","tier":"free","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":false,"preview":"A headless, composable floating panel component — Install — npx shadcn@latest add \"https://21st.dev/r/floating-panel\" — Component source (Floating Panel.tsx) — \"use client\" import React, { createContext, useContext …"},{"id":"21-calendar","title":"Calendar [React Day Picker]","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/c2f9c47344502120.jpg","image":"/web/prompt-previews/prompt-media/c2f9c47344502120.jpg","video":null,"chars":4033,"locked":false,"preview":"Calendar [React Day Picker] — Install — npx shadcn@latest add \"https://21st.dev/r/calendar\" — Component source (Calendar [React Day Picker].tsx) — \"use client\"; import { ChevronLeft, ChevronRight } from \"lucide-react\" …"},{"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":""},{"id":"21-bounce-cards","title":"Bounce Cards","category":"Card","tier":"free","poster":"/web/prompt-previews/prompt-media/bf8d72f038672041.jpg","image":"/web/prompt-previews/prompt-media/bf8d72f038672041.jpg","video":"/web/prompt-previews/prompt-media/70cecb6a2c90a8db.mp4","chars":2898,"locked":false,"preview":"A dynamic card layout component with bouncing animations featuring staggered entrance effects and customizable card positioning. Built with GSAP for smooth animations, it supports both light and dark themes. Features: • …"},{"id":"21-tilt","title":"Tilt","category":"Component","tier":"premium","poster":"/web/prompt-previews/prompt-media/db1070c130081adb.jpg","image":"/web/prompt-previews/prompt-media/db1070c130081adb.jpg","video":null,"chars":2174,"locked":true,"preview":""},{"id":"21-compare","title":"Compare","category":"Component","tier":"free","poster":"/web/prompt-previews/prompt-media/e00a6ed0bfe1dd43.jpg","image":"/web/prompt-previews/prompt-media/e00a6ed0bfe1dd43.jpg","video":"/web/prompt-previews/prompt-media/7ce64512ff9c41aa.mp4","chars":7560,"locked":false,"preview":"A comparison component between two images, slide or drag to compare — Install — npx shadcn@latest add \"https://21st.dev/r/compare\" — Component source (Compare.tsx) — \"use client\"; import React, { useState, useEffect …"},{"id":"21-tag-input","title":"Tag Input","category":"Form","tier":"free","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":false,"preview":"A sophisticated tag input component with suggestions, autocomplete, and custom styling. Built with React and Tailwind CSS, supporting both light and dark themes. Features - Tag Management - Add/remove tags - Maximum …"},{"id":"21-pricing-table","title":"Pricing Table","category":"Pricing","tier":"free","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":false,"preview":"A feature comparison pricing table component with animated pricing, interval switching, and plan selection. Features - Animated price transitions with NumberFlow - Monthly/Yearly interval toggle - Interactive plan …"},{"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":""}]