Built a React Aria Calendar with swipe gestures to... navigate between months! Uses CSS scroll snap for native 120fps animations, with a neat trick to enable infinite scrolling in both directions. 👇show more

You can enable scroll snapping with CSS scroll-snap-type and... scroll-snap-align 🚀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

How i build with Claude👇 Three.js = 360 rotatable... product zero plugin needed WebGL PointLight = UVC glow reacts to scroll position CSS scroll-snap = buttery infinite horizontal product scroll GSAP ScrollTrigger = product pins while copy scrolls alongside Lottie via lottie-web = After Effects animations play in browser Save thisshow more

Let's make Android development in React Native great and... fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.show more

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to... be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.show more

📝 Solved by CSS Scroll-Driven Animations: hide a header... when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderanshow more

Neat trick with tail swipe Via/Roamingjoker

Infinite Marquee Scrolling with Tailwind CSS ✨ ↳

How to enable swipe gestures on 𝕏 (iOS)

I built an iOS-style modal sheet with React Aria... Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩show more

Hotel management dashboard template. Built with React, Tailwind CSS... & shadcn/ui 👇👇show more

wavy carousel with CSS scroll driven animations not exactly... like OP but fun to try replicateshow more

This is my go-to calendar template whenever I build... a calendar-based app. Built with Expo 🫶 ⛳️ Everything is ready and easy to update. I've condensed over six years of experience as a design engineer into React Native Components 🖇️show more

Built Gachapon machine with React Native Reanimated Used Skia... sksl shader for the bouncy item effect Fun to make this kind of gamification content in React Nativeshow more

Slide to Submit + Shimmering Text for Expo Now... on GitHub ➤ Copy-paste component, not a library ➤ Built with Software Mansion Reanimated + RNGH ➤ Runs on UI thread (60fps smooth) ➤ Uses react-native-masked-viewshow more

Scroll-Triggered Animations … with nothing but CSS … oh... yeah 🤩 (Blogpost coming soon)show more

Tailwind CSS Tip ✨ You can create a pure... css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔show more

New React Aria release! 🎁 🔎 Autocomplete alpha 📽️... CSS transition support in addition to keyframes 📆 Custom Calendar first day of week 🧪 Unit test utility package for ARIA patterns 🎯 Removed custom hit testing in usePress 🐞 and plenty of bug fixes!show more

Every site has a story to scroll 📖 With... the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIOshow more

A little sneak peek into one of many animations... done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.show more