.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
SmileLab Dental Hero
A polished React hero for dental clinics with looping video, responsive nav and mobile overlay, bold Inter typography, avatar social proof, and a bottom-left patient stat with portrait. Built with Tailwind CSS and Lucide icons.
6.3k884684.4
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.
.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
F1 Portrait Blur Hero
Website SectionFull-screen mobile hero with oversized athlete photo, gradient blur mask, and live tweak controls.
heromobileblur
6.9k1.1k4484.6
.webp?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV9iMjk0Y2Y1ZS01ODRhLTQ5ODItOGY3MS04NGQzZDAwMzJiNzgiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJhc3NldC1tZWRpYS8yZjE5YjEyMC1iZTU5LTQ1MzMtODM1NS04NjY5YzgxMjU4ZjkvMTc4NTkzOTgyMzMzMi1hbmltYXRlZC0oNDEpLndlYnAiLCJzY29wZSI6ImRvd25sb2FkIiwiaWF0IjoxNzg1OTM5ODI1LCJleHAiOjIxMDEyOTk4MjV9.ZZ8qbdS592-1CNKWfuMDL4DLw6_bsVekKuU3N2sl-Fc)
Terra Nova Glass Hero
Website SectionFullscreen video hero with glass cards, ghost typography, and a slide-in menu for TERRA NOVA.
herovideo-backgroundglassmorphism
24k333934.7