Velvet Curtain is a customizable Framer code component that transforms ordinary website transitions into an immersive theatrical experience.

Inspired by the elegance of velvet stage curtains, it uses procedural WebGL fabric rendering, dynamic lighting and spring-based motion to create a cinematic reveal or closing sequence.

Whether you're building a portfolio, creative studio website, digital experience or luxury brand landing page, Velvet Curtain adds a memorable layer of interaction.

Procedural Fabric Simulation: Animated velvet-like folds with depth and dimensional shading.

Cinematic Transitions: Configure opening sequences, footer reveals or both.

Customizable Fabrics: Velvet, Satin and Linen presets.

Color Palettes: Burgundy, Emerald, Midnight, Gold and Plum.

Interactive Lighting: Configurable spotlight, exposure, softness and temperature.

Typography Integration: Customizable title, typography, alignment and text interaction with fabric folds.

Motion Controls: Adjust momentum, damping, fabric weight, settling and animation duration.

Responsive Performance: Mobile optimization, rendering quality controls and reduced-motion support.

Designed as a self-contained code component using WebGL, without requiring external 3D libraries or additional assets.

Add it to your Framer project, customize its properties and create an experience that feels distinctly yours.

Creative portfolios

Design studios

Luxury and editorial websites

Artist and photographer websites

Cinematic landing pages