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
Made some project page fixes on my Framer template in progress and made the project index page responsive before going to bed tonight.
To keep the UX feeling nice I added a scroll snapping effect to the project video panes so that they never appear only partially, but one pane at a time is always fully on screen as the user scrolls. 🔧
Scroll snapping on video panes is a good call, half visible videos always feel a bit broken. Nice detail to fix before calling it done.
this is amazing design
Wow 🔥🔥🔥🔥
Still looks cool and consistent across responsive sizes!
Love the attention to UX detail! Scroll snapping for project video panes so they never appear partially is such a smart fix! Making project index responsive + keeping UX feeling nice is top tier Framer work! Can't wait to see final template!
Really inspiring work! 😁
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
dithered reads calmer against the blue pill icon. pixelated competes with the card edges more.
I designed and built this hero as a concept for Nation, an AI store builder for first-time sellers. You write one sentence, and Nation builds the store, runs the ads and ships the orders while you approve each step
The brief asked for “a nation, not a SaaS.” A nation is somewhere you travel to, so the hero is a boarding pass for one trip: JOB → OWN, from your 9-to-5 to your own store. The ticket’s only highlight is “First sale,” which promises money without promising a number
Before the ticket I tried a flag, a passport, a main street of shops and a shipping box. The box didn’t make it, but its airmail stripes ended up on the stub
On the live page the two torn halves of the ticket snap together, the page builds around it, and hovering flips it to the back. Below that, one real seller’s story explains the product with the interface set into the sentence
Live site: nation-site-xi.vercel.app
Concept work, not affiliated with Nation
The boarding pass idea for "JOB to OWN" is clever. Love that the ticket tears apart as the page builds.
Just made a new Framer component to showcase projects!
It has two views: Floating and Masonry Grid. You can use both with a toggle or stick to just one view.
And of course, it’s CMS-connected, making it easy to update your content, with an optional manual upload for smaller collections.
You can scroll or drag to explore, and even rearrange the grid by dragging. Really love this one!
Would you use both views or just choose one?
Check it here
Floating view for me. The drifting images look great.