Interactive Grainy Carousel Framer Code Component

Interactive Grainy Carousel Framer Code ComponentInteractive Grainy Carousel Framer Code Component

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 8

A little grain. A little distortion. A whole lot of interaction. ✳️

Introducing Grainy Carousel — an interactive Framer Code Component I've been building.

I wanted to explore how far a simple horizontal carousel could go when combined with motion, texture and optical effects.

So I brought together:

→ 7 predefined visual styles + custom mode → Infinite scrolling with auto-play and drag interaction → Procedural grain distortion → Adjustable blur effects → Concave & convex lens refraction → Extensive customization through the Properties panel

One component. Multiple visual directions. Endless ways to experiment.

Built for creative portfolios, digital agencies, editorial websites and immersive landing pages.

Grainy Carousel is now available on Contra.

🔗 Check it out, explore the variations and let me know which style is your favourite.

To integrate in your project, purchase it from here: https://contra.com/products/dg9gbcuK-3-d-grainy-carousel-interactive-framer-code-component

I'm also open to collaborating with teams and founders looking to bring distinctive interactions, motion and 3D experiences into their websites.

Have an interesting web experience in mind? Let's build it.

#Framer #InteractionDesign #CreativeDevelopment #MotionDesign #WebDesign

Completed work

Framer Interaction Design creativedevelopment Creative Product Management Motion Design Figma JavaScript

Dev Ahsan

• Nov 8

That grain and optical distortion looks unreal.

Sarthak Prakash

• Nov 8

Thanks Dev! 🙌 The grain distortion and optical refraction were two effects I really wanted to push further with this component. Glad you liked how they turned out!

Lucie Bajgart

pro

• Nov 5

generated these little fellas for a concept and now i want to build a whole brand around them. if you're making something that helps people dream and aspire, they're looking for a home:)

Brand Design Visual Design Figma Midjourney

Ziva Valentincic

pro

• Nov 6

adorable!🥹

Jitinder Parihar

• Nov 5

Two ad designs, same offer, very different vibes. Which one would make you stop scrolling and tap “Start Today”?

Drop your pick below and tell me why. I’m collecting honest feedback on layout, colors, and what feels most clickable.

Option A: bold, dark gradient with a glowing neon feel. Option B: clean, bright, and playful with a white background.

Graphic Design Figma Adobe Photoshop

5 voted

38%

8 voted

62%

13 votes

Closed

Tabish Malik

pro

• Nov 6

Option A for me. The dark neon version pops harder in a busy feed and the headline reads faster. B feels friendlier but blends in a bit more.

Nexux Lab

• Nov 5

AI Health & Wellness Companion App

Vita is a concept mobile app that makes personal health feel calm, clear, and human. Instead of overwhelming users with charts and numbers, it uses a soft, glass morphic interface and gentle motion to turn daily health data into simple, actionable guidance.