The Ivory Flow is a free HTML CSS boutique e-commerce template designed for luxury lifestyle brands, interior design studios, and artisan product shops. It uses a warm Oat and Terracotta palette with a centered pill-shaped floating navigation, sticky sections that slide under each other as you scroll, and a mouse-following buy button that tracks cursor movement across the product image. Typography pairs Cormorant Garamond with Manrope for an editorial feel.
Six fluid sections cover a complete commerce experience: a split-screen hero with portrait imagery and elegant serif typography, a horizontal drag-and-scroll lookbook gallery with white matte borders and rounded corners, a detailed product layout with specs and a terracotta cursor circle, a vertical timeline with viewport-triggered fade-in animations, a lifestyle video section with a CSS grain overlay, and a full-screen signature contact section with a massive semi-transparent logo background.
+ Single-file HTML/CSS/JS with zero dependencies
+ Centered pill-shaped floating nav with backdrop-filter blur
+ Sticky section architecture where panels slide under each other
+ Horizontal lookbook gallery with drag-to-scroll momentum physics
+ Left and right arrow navigation buttons for the lookbook
+ 32px rounded corners with 10px white matte border on gallery images
+ Mouse-following terracotta buy circle with LERP animation
+ Vertical timeline with fade-in at viewport center
+ CSS grain/noise overlay on the video section
+ Expanding underline animation on all CTA links instead of standard buttons
+ EST. 2026 fixed vertical decorator on the right edge
+ All transitions use cubic-bezier(0.23, 1, 0.32, 1) soft physics easing
+ IntersectionObserver scroll reveal with 3-second iframe fallback
+ Full prefers-reduced-motion support
+ Responsive layout with mobile hamburger navigation
You are allowed to use this template for your commercial project. You can read more about Ivory Flow template free usage rights.
Created: 29 June 2026
Views: 48 Downloads: 12
The Neon-Carbon is a free HTML CSS dashboard template built for tech startups, SaaS landing pages, and developer portfolio...
Compass is a free HTML CSS travel and editorial website template built for magazines, travel blogs, and storytelling platforms....
Spectrum is a bold, high-energy template built for fashion labels, concept stores, and creative product drops that refuse to...
StackCraft is a free one-page HTML CSS portfolio template designed for developers, engineers, and tech professionals who want a...
VORA Bold is a free Swiss International Style HTML CSS template built for design studios, creative agencies, and brand...
Exhibit Studio is a free HTML CSS photography gallery template with a clean, minimalist design. It features a responsive...
Mochi Space is a delightful cutealism-inspired landing page template perfect for self-care apps, wellness products, and...
Forge Reality is a bold, industrial-themed HTML CSS template designed for coworking spaces, shared offices, and creative hubs....