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
A cinematic image panel component I built on Framer.
Hover (or tap on mobile) any panel and it expands smoothly while adjacent panels scale up slightly and the rest dim with a vignette overlay, creating a depth effect that feels editorial and high-end.
Built entirely with Framer's code component system and Claude (Anthropic's AI) for logic, performance architecture, and touch interaction handling.
Technical highlights
- Spring physics with exposed Stiffness, Damping & Mass controls
-Neighbor panel scaling for natural depth
-Auto touch-detection; switches from hover to tap on mobile/tablet automatically
-srcSet image compression; browser fetches only the resolution needed
Up to 20 images
Looks great!
Thank you
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
Related posts
For this project, me and my client designed and developed a custom toggle component to showcase the product features/journey on the hero section
The component has a timer of 7 seconds to showcase each animation and then jumps to the next one
Done with Framer workshop + Claude code
Great.
KINESIS LIVE DEMO.
30 seconds. No mouse.
I built a tool where you sculpt typography with your hands.
This is KINESIS.
Real-time hand tracking.
Modular type construction.
No stretching. No presets.
You move — the letter responds.
No one has seen this before.
Your hands are the font.
Exlpore it your way: Kinesis.figma.site
Just dropped the detailed case study behind Event Horizon.
Breaking down the process, motion, and visual direction in Spline Hana.🌃
Awesome use of Spline!
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?
