A growing visual directory of carousels, heroes, transitions, and every other element you need when starting a website. Filter by category, click a tile to see the demo + code + variants.
Big image + small thumbnails. The Airbnb/Zillow pattern for property galleries.
Native swipe gallery. Sliver of next item visible — strong "swipe me" cue.
Grid of tiles that open fullscreen on tap. Uses CSS :target, zero JS.
Drag handle reveals one image under another. Renovations, staging.
Cards stacked with rotation. Luxury feel for curated 4–6 item sets.
Auto-rotating slideshow, pure CSS. Ambient hero backgrounds.
Atmospheric video + dark gradient + content. The King Kong pattern.
Transparent over hero, solid dark on scroll. The premium-site standard.
Input + button as a single pill. The King Kong agency hero CTA.
Single dark section mid-page. The "trust vault" moment.
Tiny circle + expanding ring pulse. Scarcity, status, availability.
Subtle arrow nudge animation. Adds momentum without screaming.
Panels expand on click. Pure CSS via :has(). 3–6 zones max.
Split-screen landing. One URL, two visual directions to self-select.
Letters fade in one by one with realistic neon ignition. Retro / diner brands.
Top gradient bar that fills as the user scrolls. Long-page reading cue.
Elements fade up into place as they enter the viewport. IntersectionObserver.
Floating circle bottom-right, appears after scroll, smooth-scrolls home.
Diagonal light streak sweeps across the button. Premium polish.
3-card row with overlay + slow bg scale on hover. Apple-product-page feel.
Active carousel dot stretches into a pill. Unmistakable position cue.
Full-screen overlay, blur backdrop, staggered link reveals. Pure CSS.
Frosted-glass container with active link as a brand-colored pill.
Header collapses from 72px → 56px, gradient → glass. Tiny JS.
Polished-metal CTA. Gradient + 4-layer shadow stack. Retro / automotive.
Stacked-ring glow that intensifies on hover. The hero CTA.
Kill the sub-pixel cream line between dark header and dark hero. Three fixes shown side-by-side.
Image stays anchored, content scrolls over it. The "Cómo lo hacemos" effect — sticky-bg + iOS-safe fallback.
Active link auto-syncs to the section in view. IntersectionObserver pattern.
Interactive hover swaps "popular" highlight between tiers.
Anton + Cormorant Garamond + Geist — the pricing-led marketing stack.
ES · EN · DE · CAT pill in the nav. The Peñaranda y Cobo pattern.