Preloader & HeroCode Only (No Figma)Code Only

Studio Noir Photography Preloader & Hero

Editorial photography studio landing page with expanding portal counter preloader and live 3-mode theme color switcher (Dark, Wine, Light).

$25

Buy Component↗Live Demo ↗

Pure code template (Figma design file not included)

Interactive Motion ShowcaseNext.js, GSAP

About this component

A complete photography & art direction studio scaffold. Features a central portal expansion sequence that reveals a responsive hero with live theme switching, clean typography, and interactive dropdown navigation.

Features

✓Live 3-theme color switcher (Dark, Wine, Light mode)
✓Circular clip-path portal expansion with custom easing
✓Monospaced numerical counter ('000' → '100')
✓Complete photography studio hero with layered title and dropdown menu

Technologies

Next.jsGSAP

What is included

•Pure Next.js code package (No Figma file included)
•5 modular component files (index, hero, nav, preloader, meta)
•Configuration guide & commercial license