Preloader Panel Reveal
A one-shot intro: two columns of masked copy and a glitching NN counter animate over a black panel while a center square grows in stepped scales to full frame, then the panel wipes up and out as the nav, hero image, and product card slide up into place.
Handpicked collections shaped by artistry, balancing rare elements with a focus on purity.
Explore timeless essentials built with care, thoughtfully designed to guide you.
00
[ Ember No. 04 ]
npx shadcn@latest add https://ui.aryank.space/r/preloader-panel-reveal.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| heroImage | string | BLANK-hosted JPG | Hero image revealed behind the preloader. |
| copyColumns | [string, string] | Two studio blurbs | The two masked copy columns in the preloader. |
| navLinks | string[] | 4 nav items | Links in the revealed nav bar. |
navLinks / copyColumnslinksNav items and the two preloader copy columns.
logo / productName / productLinktextThe wordmark and the hero product card copy.
gsap