.webp?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV9iMjk0Y2Y1ZS01ODRhLTQ5ODItOGY3MS04NGQzZDAwMzJiNzgiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJhc3NldC1tZWRpYS8xYTZjNjAzMC1hNzJlLTQ3ZmQtYTE2Ni03NDkwMWU3ZjVmNzYvMTc4NTk0MjkzNDk5Mi1hbmltYXRlZC0oODIpLndlYnAiLCJzY29wZSI6ImRvd25sb2FkIiwiaWF0IjoxNzg1OTQyOTM2LCJleHAiOjIxMDEzMDI5MzZ9.CAu77cnQxBEAsUoLRm62lr6_ywwBvYDL8-P6v5ul518)
Learnly Flex Cards Hero
Website SectionSoft editorial learning hero with expandable course cards and pure CSS accordion motion.
herolearningeducation
21k6947664.8
PremiumWebsite Section
Terra Nova Glass Hero
Produces a fully responsive fullscreen hero for the TERRA NOVA research brand. Includes a looping video backdrop, ghost Bebas Neue wordmark, decorative glass rectangles, chamfered CTA, findings card with waveform, and an animated slide-in mobile menu.
24k333934.7
.webp?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV9iMjk0Y2Y1ZS01ODRhLTQ5ODItOGY3MS04NGQzZDAwMzJiNzgiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJhc3NldC1tZWRpYS8yZjE5YjEyMC1iZTU5LTQ1MzMtODM1NS04NjY5YzgxMjU4ZjkvMTc4NTkzOTgyMzMzMi1hbmltYXRlZC0oNDEpLndlYnAiLCJzY29wZSI6ImRvd25sb2FkIiwiaWF0IjoxNzg1OTM5ODI1LCJleHAiOjIxMDEyOTk4MjV9.ZZ8qbdS592-1CNKWfuMDL4DLw6_bsVekKuU3N2sl-Fc)
Gallery
How it works
Four steps. No downloads.
01
Pick an asset
Filter by type, style, compatibility and access. Preview it live.
02
Copy the prompt
Fill five variables. The prompt already encodes the design rules.
03
Paste into your AI
Lovable, Cursor, Claude, GPT, Bolt or v0 — one click each.
04
Ship it
Production-grade output with tokens, motion and accessibility handled.
Related
Pairs well with this.
Speakup Agency Hero
Website SectionFull-screen video hero with custom nav, Recoleta type, and mobile overlay for Speakup.
heroagencyvideo-background
4.2k1974244.6
.webp?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV9iMjk0Y2Y1ZS01ODRhLTQ5ODItOGY3MS04NGQzZDAwMzJiNzgiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJhc3NldC1tZWRpYS8zYTFiMTM1My03NWI2LTQ1OWUtYWRhZS1iNTQzNzY1MjgwZmEvMTc4NTkzNjk5MzcyNy1hbmltYXRlZC0oMTUpLndlYnAiLCJzY29wZSI6ImRvd25sb2FkIiwiaWF0IjoxNzg1OTM2OTk1LCJleHAiOjIxMDEyOTY5OTV9.Kn99kMb_pQX8XnHzU0aOmc93fOvoqnjtVnSqCldWFJc)
Draggable Photo Portfolio Hero
Website SectionFull-viewport photography hero with draggable cards, frosted dock, and macOS-style modals.
photographyportfoliohero
33k652734.9
Nexformo Cinematic Hero
Website SectionFullscreen dark hero with live video, rotating copy carousel, and frosted spin badge.
herovideo-backgroundcarousel
38k5365764.6