Pre-built scroll animations — drop images into scenes Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP🎬
Scrollytelling Dark Hero
3 pre-built ScrollScene sections — fade-up, slide-left, zoom. Drop images into slots.
#scrollytelling#dark#hero
Use Template →Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP🌠
Aurora Timeline
Aurora background with 3 staggered reveal ScrollScene sections.
#scrollytelling#aurora#timeline
Use Template →Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP⚡
Cyberpunk Split Scroll
3 cyberpunk ScrollScene sections — slide-left, reveal, zoom with neon bg hints.
#scrollytelling#split#cyber
Use Template →Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP🔍
Glass Reveal Sections
2 glassmorphic ScrollScene sections that clip-path reveal on scroll.
#scrollytelling#glass#reveal
Use Template →Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP🌀
Mesh Parallax Layers
2 gradient mesh ScrollScene sections with conic bg hints per scene.
#parallax#mesh#motion
Use Template →Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP🍱
Bento Stagger In
BentoGrid cards stagger into view inside a pinned ScrollScene section.
#stagger#bento#scroll
Use Template →Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP📼
Brutalist Marquee Scroll
Brutalist ScrollScene sections with slide-left and reveal animations.
#marquee#brutal#scroll
Use Template →Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP🫧
Neumorphic Float In
Soft UI ScrollScene sections that fade-up and zoom on scroll.
#float#neu#scroll
Use Template →Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP🌈
Holographic Zoom Story
Holo ScrollScene sections with zoom and reveal — neon bg hints per scene.
#zoom#holo#scroll
Use Template →Motion / Scrollytelling✦ GSAP ScrollTriggerGSAP💧
Liquid Morphing Sections
Liquid glass ScrollScene sections that fade and zoom through gradient bg hints.
#morph#liquid#scroll
Use Template →All Templates
Glassmorphism✦ GlassCard🪟
Glass Hero
GlassCard floating over a warm gradient — frosted blur + saturation boost.
#hero#glass#cta
Use Template →Glassmorphism✦ GlassCard🔳
Glass Side Panel
Sidebar + hero image layout with frosted glass panel and scroller.
#side panel#glass#image
Use Template →Soft UI Hero
NeuCard with dual box-shadow — palette-locked background, pressed state on click.
#hero#soft ui
Use Template →Soft UI Bento
Soft neumorphic 2×2 bento grid with raised feature cards.
#bento#grid#soft ui
Use Template →Clay Hero
Trio of ClayCards in pastel fills — puffy 3D inflate shadow + inner glow.
#hero#clay#3d
Use Template →Clay Slider + CTA
Full slide carousel over a clay-textured CTA block.
#slider#cta#clay
Use Template →Aurora Glassmorphism✦ AuroraBackground🌌
Aurora Hero
AuroraBackground animated blobs + GlassCard floating on top.
#aurora#hero#glass
Use Template →Aurora Glassmorphism✦ AuroraBackground🌠
Aurora Full Landing
Complete landing page with testimonials, blog, and contact form on an aurora background.
#aurora#landing#full
Use Template →Brutal Hero
BrutalBlock split-screen — black/white halves, zero radius, hard offset shadow.
#hero#brutal#raw
Use Template →Brutal Bento
Brutalist grid layout with zero-radius pixel borders.
#bento#brutal#grid
Use Template →Neubrutalism✦ NeubrutalCard🟡
Neubrutalist Hero
NeubrutalCard with sticker badges on a pastel yellow canvas.
#hero#neubrutalism#neon
Use Template →Neubrutalism✦ NeubrutalCard🔶
Neubrutalist Slider CTA
Slider + hard-shadow CTA section in neubrutalist style.
#slider#cta#neubrutalism
Use Template →Flat Design✦ Layout-only📐
Flat Hero
Clean 2D flat design hero — no shadows, no gradients, pure form.
#hero#flat#minimal
Use Template →Flat Design✦ Layout-only🟦
Flat Bento Grid
Minimal flat 2×2 feature grid.
#bento#flat#grid
Use Template →Material Design✦ ElevationSurface🔷
Material Hero
ElevationSurface hero with tonal overlay — Material 3 elevation system.
#hero#material#elevation
Use Template →Material Design✦ ElevationSurface📦
Material Landing
Full Material Design landing with cards, testimonials, and form.
#landing#material#full
Use Template →Fluent Design✦ AcrylicPanel🔵
Fluent Hero
AcrylicPanel sidebar + main content — noise texture + reveal highlight.
#hero#fluent#acrylic
Use Template →Fluent Design✦ AcrylicPanel🟦
Fluent Bento Grid
Fluent Design feature grid with subtle glass surfaces.
#bento#fluent#glass
Use Template →Liquid Glass✦ LiquidGlassPanel💧
Liquid Glass Hero
LiquidGlassPanel with tilt refraction over deep purple gradient.
#hero#liquid#glass
Use Template →Liquid Glass✦ LiquidGlassPanel🌊
Liquid Glass Slider
Slider with liquid glass overlays and CTA.
#slider#liquid#glass
Use Template →Holographic UI✦ HoloCard🌈
Holographic Hero
Three HoloCards with conic-gradient foil shimmer — dark base required.
#hero#holo#futuristic
Use Template →Holographic UI✦ HoloCard✨
Holographic Bento
Feature grid with glowing holographic card frames.
#bento#holo#grid
Use Template →Cyberpunk UI✦ CyberpunkGlitch🔴
Cyberpunk Hero
CyberpunkGlitch text with neon glow + scanline overlay on deep black.
#hero#cyber#neon
Use Template →Cyberpunk UI✦ CyberpunkGlitch🌆
Cyberpunk Landing
Full cyberpunk landing with testimonials, blog, and contact.
#landing#cyber#full
Use Template →Y2K / Retro-futurism✦ Y2KChrome💿
Y2K Hero
Y2KChrome metallic text + glossy pill buttons on chrome gradient.
#hero#y2k#retro
Use Template →Y2K / Retro-futurism✦ Y2KChrome📺
Y2K Bento Grid
Retro-futurist metallic bento feature grid.
#bento#y2k#grid
Use Template →Glassmorphic Neumorphism✦ GlassNeuPanel🔮
Glass-Neu Hero
GlassNeuPanel merging frosted glass + neumorphic dual-shadow.
#hero#glass#neu
Use Template →Glassmorphic Neumorphism✦ GlassNeuPanel🫧
Glass-Neu Slider
Slider CTA combining glass and neumorphic shadows.
#slider#glass#neu
Use Template →Bento Hero
BentoGrid 4+2 preset — mixed-size dark cards with stat highlights.
#hero#bento#modular
Use Template →Bento Feature Grid
Dark modular bento 2×2 feature showcase.
#bento#grid#dark
Use Template →Gen-Z / Playful UI✦ PlayfulCard🌸
Gen-Z Hero
PlayfulCard with spring bounce, dot pattern, and chunky pink accents.
#hero#genz#playful
Use Template →Gen-Z / Playful UI✦ PlayfulCard🎀
Gen-Z Landing
Full playful landing with testimonials, blog cards, and contact.
#landing#genz#full
Use Template →Memphis Design✦ MemphisShape⬟
Memphis Hero
BrutalBlock hero + MemphisShape squiggles and dots decorating the canvas.
#hero#memphis#geometric
Use Template →Memphis Design✦ MemphisShape🔺
Memphis Bento
Bold geometric 2×2 grid in Memphis style.
#bento#memphis#bold
Use Template →Gradient Mesh UI✦ MeshBackground🌀
Gradient Mesh Hero
MeshBackground with six color points + GlassCard floating on the mesh.
#hero#mesh#gradient
Use Template →Gradient Mesh UI✦ MeshBackground🎨
Gradient Mesh Landing
Full mesh gradient landing page with testimonials and contact.
#landing#mesh#full
Use Template →3D / Immersive UI✦ ImmersiveScene🎲
3D Immersive Hero
ImmersiveScene with CSS perspective tilt + Z-axis layer depth.
#hero#3d#depth
Use Template →3D / Immersive UI✦ ImmersiveScene🗂️
3D Feature Grid
Immersive dark feature bento grid with deep shadows.
#bento#3d#dark
Use Template →Clean & Simple✦ Baseline⬜
Clean Hero
Simple, clean light-mode hero page — a great starting blank slate.
#hero#clean#light
Use Template →Clean & Simple✦ Baseline📄
Clean Full Landing
Complete light-mode landing page with all sections included.
#landing#clean#full
Use Template →Recent Projects