About this component

Meet Curtain Loader, a cinematic page reveal component. It opens your page with a masked sliver from the bottom up, then blooms into a curved curtain that pulls apart from the floor. Physically grounded, naturally weighted, and tunable to your brand.

Ideal for landing pages, portfolio intros, project case studies, and any moment that deserves a dramatic entrance.

Properties

• Overlay - Color of the curtain before it opens

• Initial Hold - Optional pause before the animation begins

• Line Draw - Duration of the upward sliver reveal

• Reveal - Duration of the curtain opening, measured to fully off-screen

• Gap Width - Width of the initial sliver the page peeks through

• Curve - How pronounced the wine-glass waist is

• Top Pinch - How much the top opens up vs stays pinched

• Blocks clicks during animation, and re-enables them when finished.

Questions?

If you have any questions about this component, feel free to contact me @gustavwf or hi@gustavwf.com