Preloader & HeroCode Only (No Figma)Code Only

Eclipse Fashion Atelier Preloader & Hero

Avant-garde studio preloader with vertical card reel zoom and animated typography fill, transitioning into a negative mix-blend color inversion hero.

$22

Buy Component↗Live Demo ↗

Pure code template (Figma design file not included)

Interactive Motion ShowcaseNext.js, GSAP

About this component

A high-concept fashion atelier landing page and preloader. Combines a 30-card vertical reel intro and typography wipe with a full-screen hero featuring dynamic color inversion on scroll.

Features

✓Cascading 30-card vertical reel with center zoom stop
✓Animated brand typography wipe with left-to-right fill
✓Full-screen studio hero with negative color mix-blend typography
✓Responsive navigation header with slide-down drawer

Technologies

Next.jsGSAP

What is included

•Pure Next.js code package (No Figma file included)
•Preloader component & timeline hook
•Full setup documentation & commercial license