正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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. 👇

Devon Govett

41,842 subscribers

42,499 次观看 • 9 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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! 🎉

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! 🎉

Devon Govett

83,922 次观看 • 10 个月前

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 this

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 this

FHILY👑

167,572 次观看 • 2 个月前

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.

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.

Oliver Lopez

19,329 次观看 • 1 年前

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.

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.

Devon Govett

22,905 次观看 • 10 个月前

📝 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 Calderan

📝 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 Calderan

Bram.us (by @bramus)

15,629 次观看 • 1 年前

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:

Erencan Arica

22,951 次观看 • 1 个月前

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! 🤩

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! 🤩

Devon Govett

182,651 次观看 • 3 年前

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 🖇️

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 🖇️

Erencan Arica

38,920 次观看 • 5 个月前

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 Native

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 Native

Daehyeon 대현

43,098 次观看 • 1 年前

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-view

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-view

Solarin

32,485 次观看 • 1 年前

Been checking out Expo's new headless <Tabs /> (again! 😎) and finally got to dig into some CSS transitions with Software Mansion's react-native-reanimated v4 🚀 Tab bar smoothly disappears/reappears as you scroll. Subtle animations and haptics. Feels pretty sweet!

Been checking out Expo's new headless <Tabs /> (again! 😎) and finally got to dig into some CSS transitions with Software Mansion's react-native-reanimated v4 🚀 Tab bar smoothly disappears/reappears as you scroll. Subtle animations and haptics. Feels pretty sweet!

Jacob Clausen

33,633 次观看 • 1 年前

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.

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.

Tushar

12,555 次观看 • 2 年前

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. #GoogleIO

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. #GoogleIO

Chrome for Developers

12,135 次观看 • 2 个月前

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!

Jannis Ringwald

59,065 次观看 • 1 年前

Exposing SwiftUI views to React Native is a powerful feature! 👀 Here is an example of a SwiftUI paywall in React Native with just a few lines of SwiftUI code! A blog post on how to create native views using SwiftUI is coming soon! ✨

Exposing SwiftUI views to React Native is a powerful feature! 👀 Here is an example of a SwiftUI paywall in React Native with just a few lines of SwiftUI code! A blog post on how to create native views using SwiftUI is coming soon! ✨

Oskar Kwaśniewski

45,371 次观看 • 1 年前

FIGMA WHO? I built a cinematic landing page with Rocket in 2 prompts, in minutes. Neon accents, smooth scroll animations, and a video background. Fully responsive, interactive sections with no designer or code needed. Here’s the AI tool changing the game: 👇

FIGMA WHO? I built a cinematic landing page with Rocket in 2 prompts, in minutes. Neon accents, smooth scroll animations, and a video background. Fully responsive, interactive sections with no designer or code needed. Here’s the AI tool changing the game: 👇

Dhaval Makwana

59,575 次观看 • 1 年前

How I built with Lovable 👇 1. Start with midnight blue + soft sand feels cinematic instantly 2. Tell Lovable to make it a single scroll page with scene transitions 3. Add a lone figure walking through a dreamy 3D landscape 4. Each scroll section reveals a new sleep science fact 5. Use CSS fluid shapes for organic background movement 6. Wide spacing + slow fade-ins let the content breathe 7. Deploy in one click no code, no agency, no $10k budget

How I built with Lovable 👇 1. Start with midnight blue + soft sand feels cinematic instantly 2. Tell Lovable to make it a single scroll page with scene transitions 3. Add a lone figure walking through a dreamy 3D landscape 4. Each scroll section reveals a new sleep science fact 5. Use CSS fluid shapes for organic background movement 6. Wide spacing + slow fade-ins let the content breathe 7. Deploy in one click no code, no agency, no $10k budget

FHILY👑

96,872 次观看 • 2 个月前

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉

Oskar Kwaśniewski

20,794 次观看 • 1 年前

MiaoYan is a lightweight, native macOS Markdown editor for writing and notes — one of my open-source macOS projects. It just shipped its biggest update to date, introducing Split View for side-by-side Markdown editing and live preview, with smooth bidirectional scroll sync. This release also brings a full visual refinement, layout cycling between sidebar, list, and focus modes, faster startup with native window animations, and broad performance improvements across editing, preview, and export. Built entirely in Swift, not Electron. MiaoYan is local-first, requires no account, collects no telemetry, and avoids AI features by design. I built it for clean Markdown, performance, and a calm writing environment.

MiaoYan is a lightweight, native macOS Markdown editor for writing and notes — one of my open-source macOS projects. It just shipped its biggest update to date, introducing Split View for side-by-side Markdown editing and live preview, with smooth bidirectional scroll sync. This release also brings a full visual refinement, layout cycling between sidebar, list, and focus modes, faster startup with native window animations, and broad performance improvements across editing, preview, and export. Built entirely in Swift, not Electron. MiaoYan is local-first, requires no account, collects no telemetry, and avoids AI features by design. I built it for clean Markdown, performance, and a calm writing environment.

Tw93

34,484 次观看 • 6 个月前

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

Volodymyr

24,579 次观看 • 1 年前