Curtain Loader · Cinematic Page Reveal
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.
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.
If you have any questions about this component, feel free to contact me @gustavwf or hi@gustavwf.com
Find my works at gustavwf.supply.
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.
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.
If you have any questions about this component, feel free to contact me @gustavwf or hi@gustavwf.com
Find my works at gustavwf.supply.
