Since each detail view is a scroll view, we... can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇show more

introducing: text decrypt scroll effect for Framer add this... to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)show more

I built a thing last week: it’s a Scroll-Driven... View Transition. Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …show more

💡 CSS Tip! Create a Sticky Header that "sticks"!... A fancy effect powered by Scroll-Driven Animations and shape().show more

The Scroll network is now available in Ledger Live!... That means you can securely manage your $ETH, $USDT, and $USDC via the Scroll network through the Ledger ecosystem.show more

Scroll-based 3d landing page. If you have a GLB/GLTF... 3d file, you can ask Omma to build a scroll-based landing page and keep iterating by adding more details.show more

`overscroll-x-contain` should be the default for any horizontal scroll... container on the web. by default sideways trackpad swipes trigger browser back navigation and users hate this add this CSS and respect their intent .scroll-container { overscroll-behavior-x: contain; }show more

Smooth UX detail that AI agents can't do (yet)... When the active tab is at the scroll edge, we detect which side it touches and change its shape.show more

This is the most frustrating page to scroll on... GitHub. Every single day I get to play the get-your-mouse-to-the-exact-correct-position game. The easiest solution is to disable scroll wheel zooming on the stupid graphical view, I've never wanted to zoom that in my life.show more

Сlaude Design + Claude Opus 4.7 is so cracked... at Scroll-based Animated landing pages. 🤯 and anyone can achieve the same results. Here's the prompt ↓show more

Here comes the 12th #Sushi30over30! 📜 Scroll Scroll 🌐... Scroll is a native zkEVM - the L2 network built by Ethereum devs for Ethereum devs 🔄 Swap & LP on Sushi Join the Daily Quest powered by Galxe 👾: 👉 LIKE & RT this tweet 🍣 FOLLOW Sushi.com & Scroll Prizes: 💥 3x top 3 posts winners get $100 in $SUSHI 🏆 3x streak winners grab $300 in $SUSHI Full blog: #Layer2 #Ethereum #zkevmshow more

There isn’t a single line of SwiftUI here, this... is a pure UIKit implementation on iOS 18. A fully custom navigation bar that hooks into the nearest UIScrollView to show the scroll-edge effect only once the user starts scrolling. Buttons are fully custom and display a nice brightness effect (CAFilter) when touched.show more

Pretty amazing that we can now implement swipeable Tabs... with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉show more

you don't need threejs for this effect just apply... `perspective` to the container and animate each image with `translate3d(...)` over time, where depth is something like `z = z0 + speed * dt` and the rest is handled by the browser easy to map opacity or scroll to speed tooshow more

CSS custom props and scroll animation for staggered effects... 🤙 h2 { animation: show; animation-timeline: view(); } .char { translate: 0 calc((1 - var(--s)) * 1lh); transition: translate 0.5s calc(sin(var(--i) / var(--t) * 45deg) * 0.5s); } @​keyframes show { to { --s: 1; }}show more

extra detail: animate a CSS custom property from 0... to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);show more

kinda wild how far you can get with CSS... alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙show more

CSS is mind-blowing 🤯 Browser does what it can... to keep the menus in view. Even when you scroll. Zero JavaScript (Aside from the Draggable part) This is the important HTML 👇 (anchor) <button id="trigger" popovertarget="menu"> <div popover="auto" id="menu" anchor="trigger">show more

Pigment is such a great tool for original colour... palettes. Love the infinite scroll and the playful ui elements.show more

There is no perfect stablecoin. But we think we’re... the closest. Introducing USX, the first neodollar by Scroll. Spendable IRL, gasless, private, and earns est. 12% when you stake:show more

How I built with Claude 👇 1. Prompt: "Build... a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor 3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene" 4. Use Lenis.js for that buttery smooth scroll that premium sites haveshow more