Built a scroll-driven features section for Solene. One sticky loop, five steps: voice check-in, t...

Built a scroll-driven features section for Solene. One sticky loop, five steps: voice check-in, t...Built a scroll-driven features section for Solene. One sticky loop, five steps: voice check-in, t...

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

Anu Krishna

pro

• Sep 4

Built a scroll-driven features section for Solene. One sticky loop, five steps: voice check-in, trend detection, care team relay, manual entry, weekly summary. Each tile takes focus as you scroll, and you can click any row to jump to it.

Oska Aditya

• 2d

Learning OGL by rebuilding my portfolio's floating nav, inspired by Dynamic Island. It stays compact while you scroll, then expands on hover, with the email button splitting off in a gooey morph. The shape is a signed distance field in a fragment shader, with GSAP handling the spring motion. #webdevelopment #creativecoding #webgl #ogl #gsap

Senad Šećerović

pro

• 2d

The gooey morph where the email button splits off is really satisfying, Oska. Using a signed distance field in a fragment shader for the nav shape is a great way to learn OGL.

Redwan Hasan Rahat

pro

• 13h

although I got this line from ChatGPT, but it's actually kinda right. CAREO's website about section showcase 👇

Framer coachwebsite websitetemplate

Dev Ahsan

• 13h

Love the blurred headline reveal. Nice touch! 👌

Pratik Framevia

• 20h

Layout Innovation — Asymmetric Split Screen Spotlight

📐 Framer Layout Showcase: Asymmetric Spotlight Components

Standard horizontal block scrolling can quickly put a user's attention to sleep. To drive absolute focus to seasonal packages or high-margin services, I designed an asymmetric split-screen asset grid inside Faro.

The Layout Tactics:

· Combined high-contrast visual grids with balanced serif typography blocks.

· Kept boundaries strictly responsive to protect visual assets across large monitor displays.

· Implemented a friction-free layout structure that natively balances white space with deep tones.

Let's break your site out of boring containers. Click through to inspect the component performance:

🔗 Framer Marketplace: https://www.framer.com/marketplace/templates/faro/ 🌐 Live Preview: https://farotravel.framer.website/

Completed work