Cinematic Velvet Curtain WebGL Component for Framer

Cinematic Velvet Curtain WebGL Component for FramerCinematic Velvet Curtain WebGL Component for Framer

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Sarthak Prakash

• Nov 10

Introducing Velvet Curtain — a cinematic curtain experience, built as a customizable Framer Code Component. 🎭 Live Preview

OPEN THE SHOW. CLOSE THE EXPERIENCE.

I wanted to bring the theatrical feeling of opening a stage curtain into digital experiences.

So I built a WebGL-powered component featuring:

✦ Procedural velvet fabric simulation ✦ Cinematic opening and closing transitions ✦ Interactive fabric movement ✦ Customizable lighting and spotlight ✦ Adjustable animation and motion controls ✦ Configurable typography and visual styling

Designed for creative portfolios, studios, luxury brands and immersive websites.

Built for Framer. Customizable through the Properties panel.

Now available on my Contra

Would love to hear what you think!

#Framer #FramerComponents #CreativeDevelopment #InteractionDesign #WebDesign

Framer Website Design Framer Web Design

amr ahmed

• Nov 10

Excellent work

Dario⚡️ Ferrando

max

• Nov 5

Popcorn hero lockup

Completed work

Figma UI Design Web Design UX Design

Yev Ledenov

pro

• Nov 5

The Modular Robotics Suite landing page. 🤖

For Modular Robotics Suite I turned a modular hardware line into one continuous 3D story. A single arm shows assembly, welding, painting and inspection, then opens up a servo layer by layer. Five product lines are explained without a single paragraph of spec text.

I combine product design with real-time 3D development, so the idea you approve is exactly what ships. No compromises between the mockup and the browser.