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
Auto-Hiding Navbar in Webflow — no custom code, just GSAP
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
I've watched Webflow evolve for the past 3 years, and "Build what's next" is either the most exciting theme they could have picked or the most ironic one.
Because right now, Webflow doesn't feel like what's next. It feels like what's comfortable.
I've been exploring other tools lately, and it's made things I used to just accept a lot harder to ignore. Small stuff, but it adds up to a platform that feels like it's maintaining its lead instead of extending it.
Here's the thing though. Nothing else does what Webflow does when it comes to the actual design experience. Nobody's touched that. I'm not ready to jump ship, I'm ready for them to give me a reason not to want to.
So September better bring more than a rebrand of the same roadmap.
What's the one thing that would make you say Webflow actually moved forward this year. And be honest, is anyone really expecting them to deliver it.
I'm Haseebullah.
Webflow Developer & Designer
Currently open for freelance and project based work
Message me if you want to talk about your site
#Webflow #WebflowConf2026
A fresh take on the modern SaaS landing page.
Created this product concept with a focus on clean structure, strong typography, and small interactive UI elements that make the page feel alive.
The goal was to take inspiration from modern product websites and create something with its own visual direction.
What I focused on:
• Clean SaaS landing page design
• Custom visual direction
• Interactive dashboard elements
• Floating UI cards
• Strong typography and hierarchy
• Soft gradients and depth
• Clear CTA placement
• Responsive layout concept
A design approach inspired by the kind of polished experiences you see in Framer and Webflow, but created with its own identity and structure.
Concept, design, and visual direction created for this project.
#WebDesign #SaaS #UIUX #ProductDesign #LandingPage #Figma #Framer #Webflow #UIDesign #Contra
Scroll, and the laptop takes itself apart.
A concept landing page for the ASUS Zenbook .
The hero is a frame sequence scrubbed on canvas, bound to scroll
position rather than a timer. The teardown moves exactly as fast as the
visitor does: forward, back, or held still mid-air. No video element,
no autoplay, no waiting.
Built the way a client would want to inherit it:
→ Finsweet Client-First naming — any Webflow designer can pick it up
→ 3.3 MB kept off initial load; frames stream on first scroll
→ LCP image fixed, layout shift eliminated, fonts self-hosted
→ Genuinely responsive, ultrawide down to 375px
Motion heavy enough to be memorable, in a build light enough to ship.
Webflow · Client-First · GSAP ScrollTrigger · Canvas · Motion Design
· Web Performance · Responsive Design
Self-initiated — not client work, and not affiliated with ASUS.
The 3D scroll interaction is super smooth! Are you driving a dynamic Spline Three.js model here, or using frame sequence control?
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
