正在加载视频...

视频加载失败

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

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

41,155 subscribers

22,905 次观看 • 11 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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 年前

I think I found a way to make a React Native list component with significantly better performance than FlashList, with 100% javascript. I'm still testing it but as far as I can tell there’s no pitfalls or issues… It just requires the new architecture for synchronous onLayout.

I think I found a way to make a React Native list component with significantly better performance than FlashList, with 100% javascript. I'm still testing it but as far as I can tell there’s no pitfalls or issues… It just requires the new architecture for synchronous onLayout.

Jay Meistrich

95,385 次观看 • 1 年前

Probably the most annoying thing for me in animations / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)

Probably the most annoying thing for me in animations / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)

Dima Belyaev

27,653 次观看 • 8 个月前

🎮 New CSS Game! What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩

🎮 New CSS Game! What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩

CSS by T. Afif

13,762 次观看 • 2 年前

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

Software Mansion

20,120 次观看 • 5 个月前

It's cool. But the issue is that the result is arguably too much code from using "no code" 🙃 It could be a basic <ul> with CSS scroll-snap. Then the buttons use JavaScript's Element.scrollIntoView 🤙 Instead, it's <div>s, JS powered animation, and not a <button> in sight 🫠

It's cool. But the issue is that the result is arguably too much code from using "no code" 🙃 It could be a basic <ul> with CSS scroll-snap. Then the buttons use JavaScript's Element.scrollIntoView 🤙 Instead, it's <div>s, JS powered animation, and not a <button> in sight 🫠

jhey ʕ•ᴥ•ʔ

86,209 次观看 • 2 年前

Mbappe with an unreal finish for France, but the work before it is equally brilliant for me. Olise & Dembele maintaining quick tempo, especially Dembouz with the 1st touch pass. Gives Bergvall no time to react and Gyok no time to close Mbappe down.

Mbappe with an unreal finish for France, but the work before it is equally brilliant for me. Olise & Dembele maintaining quick tempo, especially Dembouz with the 1st touch pass. Gives Bergvall no time to react and Gyok no time to close Mbappe down.

Fathalli

51,315 次观看 • 2 个月前

Curious about blockchain infrastructure? Our new course with Amazon Web Services makes it easy for anyone to deploy BNB Chain nodes — no advanced skills needed 🚀 Launching 27 January 2025, 10am UTC ⬇️

Curious about blockchain infrastructure? Our new course with Amazon Web Services makes it easy for anyone to deploy BNB Chain nodes — no advanced skills needed 🚀 Launching 27 January 2025, 10am UTC ⬇️

Binance Academy

39,079 次观看 • 1 年前

CGI is about to get easy This is simulon, a new iOS app that’s still in invite only mode The video below was made with a live in-camera preview and auto-exposure matching, no camera solve, no HDRI capture and no manual compositing setup. 🔗 in next tweet

CGI is about to get easy This is simulon, a new iOS app that’s still in invite only mode The video below was made with a live in-camera preview and auto-exposure matching, no camera solve, no HDRI capture and no manual compositing setup. 🔗 in next tweet

Linus ✦ Ekenstam

3,111,621 次观看 • 3 年前

No more toothpicks needed to adjust a perpetual calendar. With the new Royal Oak Perpetual Calendar Openworked by Audemars Piguet, everything is set via the crown.

No more toothpicks needed to adjust a perpetual calendar. With the new Royal Oak Perpetual Calendar Openworked by Audemars Piguet, everything is set via the crown.

Gama

79,574 次观看 • 4 个月前

This is what Windows should’ve been. Zorin OS is a Linux distro made for normal users. No learning curve. Feels familiar from day one. You get: • Windows/macOS-style layouts • Smooth, fast performance • No ads, no bloat, no tracking • Built-in apps (ready out of the box) More: • Runs on PCs up to 10–15 years old • Lightweight but powerful • Secure + virus-resistant • Software store with thousands of apps • Can run many Windows apps (.exe support) • Easy dual-boot with Windows Plus: • Gaming support (Steam, Proton, Lutris) • GPU drivers pre-installed + optimized • Works great on laptops + desktops • Try it directly from USB (no install needed) • Long-term updates (years of support) Extra: • LibreOffice included (MS Office alternative) • Multiple desktop layouts (switch anytime) • Zorin Connect (phone ↔ PC integration) • Works offline, no account required No tweaking. No terminal needed. Just install → use.

This is what Windows should’ve been. Zorin OS is a Linux distro made for normal users. No learning curve. Feels familiar from day one. You get: • Windows/macOS-style layouts • Smooth, fast performance • No ads, no bloat, no tracking • Built-in apps (ready out of the box) More: • Runs on PCs up to 10–15 years old • Lightweight but powerful • Secure + virus-resistant • Software store with thousands of apps • Can run many Windows apps (.exe support) • Easy dual-boot with Windows Plus: • Gaming support (Steam, Proton, Lutris) • GPU drivers pre-installed + optimized • Works great on laptops + desktops • Try it directly from USB (no install needed) • Long-term updates (years of support) Extra: • LibreOffice included (MS Office alternative) • Multiple desktop layouts (switch anytime) • Zorin Connect (phone ↔ PC integration) • Works offline, no account required No tweaking. No terminal needed. Just install → use.

Techjunkie Aman

24,507 次观看 • 5 个月前

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Konrad Reczko

64,907 次观看 • 29 天前

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👑

97,655 次观看 • 3 个月前

So it turns out Mega Skarmory has a fully functional grounded animation set in Legends ZA which is EXCLUSIVE to wild Pokemon WITH NO WILD VERSION INGAME Actual unused animations I am not normal about this

So it turns out Mega Skarmory has a fully functional grounded animation set in Legends ZA which is EXCLUSIVE to wild Pokemon WITH NO WILD VERSION INGAME Actual unused animations I am not normal about this

Yisuno ⚝ | SKARM BELIEVER

342,459 次观看 • 9 个月前

Starting off the New Year with a RAFFLE! I'll be doing another animation giveaway!✨ ❤️One winner will receive a custom animation loop of their character! 🧡Follow me and RT this post to enter! 💛No need to comment refs! 💚Ends on February 1! 💙Good luck!

Starting off the New Year with a RAFFLE! I'll be doing another animation giveaway!✨ ❤️One winner will receive a custom animation loop of their character! 🧡Follow me and RT this post to enter! 💛No need to comment refs! 💚Ends on February 1! 💙Good luck!

Yellow K9

134,358 次观看 • 3 年前

you can create a CSS only carousel with CSS `𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙` .𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚡: 𝚊𝚞𝚝𝚘; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚝𝚢𝚙𝚎: 𝚡 𝚖𝚊𝚗𝚍𝚊𝚝𝚘𝚛𝚢; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚊𝚍𝚍𝚒𝚗𝚐-𝚒𝚗𝚕𝚒𝚗𝚎: 𝟷.𝟻𝚛𝚎𝚖; /* 𝚖𝚊𝚝𝚌𝚑𝚎𝚜 𝚢𝚘𝚞𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚕/𝚙𝚛 */ } .𝚌𝚊𝚛𝚍 { 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚊𝚕𝚒𝚐𝚗: 𝚌𝚎𝚗𝚝𝚎𝚛; 𝚏𝚕𝚎𝚡-𝚜𝚑𝚛𝚒𝚗𝚔: 𝟶; } When you scroll, it snaps exactly in the center of the card Super fun to use, easy to implement, no javascript required

you can create a CSS only carousel with CSS `𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙` .𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚡: 𝚊𝚞𝚝𝚘; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚝𝚢𝚙𝚎: 𝚡 𝚖𝚊𝚗𝚍𝚊𝚝𝚘𝚛𝚢; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚊𝚍𝚍𝚒𝚗𝚐-𝚒𝚗𝚕𝚒𝚗𝚎: 𝟷.𝟻𝚛𝚎𝚖; /* 𝚖𝚊𝚝𝚌𝚑𝚎𝚜 𝚢𝚘𝚞𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚕/𝚙𝚛 */ } .𝚌𝚊𝚛𝚍 { 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚊𝚕𝚒𝚐𝚗: 𝚌𝚎𝚗𝚝𝚎𝚛; 𝚏𝚕𝚎𝚡-𝚜𝚑𝚛𝚒𝚗𝚔: 𝟶; } When you scroll, it snaps exactly in the center of the card Super fun to use, easy to implement, no javascript required

Manu Arora

56,313 次观看 • 5 个月前

Just doing a first test with #runwayml new video to video. No image input yet, only text atm. But driving the animation is a good first step.

Just doing a first test with #runwayml new video to video. No image input yet, only text atm. But driving the animation is a good first step.

Jon Finger

389,259 次观看 • 1 年前

Library Updates, Feb 12th 2026 — Added Mark as Read & Bookmark; synced across devices, optimistic writes, local caching so no flicker onload etc. — Added Next/Previous links at bottom of articles — Added keyboard shortcuts for Practical Demonstrations (j/k) — Fixed external links to open in a new tab — Fixed switching pages to reset scroll position — Improved general performance & stability Thank you for all the feedback and patience with working out issues!

Library Updates, Feb 12th 2026 — Added Mark as Read & Bookmark; synced across devices, optimistic writes, local caching so no flicker onload etc. — Added Next/Previous links at bottom of articles — Added keyboard shortcuts for Practical Demonstrations (j/k) — Fixed external links to open in a new tab — Fixed switching pages to reset scroll position — Improved general performance & stability Thank you for all the feedback and patience with working out issues!

joshpuckett

19,659 次观看 • 6 个月前

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic

Dane Mackier

14,317 次观看 • 2 年前

You only need Sapling Tree Gen to make this, no fancy addons needed. BTW, In 5.x this amazing extension is bugged and cannot create animation, i guess it doesn't work with the new animation system. Come on I need this Blender 🔶 !!! (Actually you can create it with animation in 4.x, then copy paste it into 5.x. But that's lame)

You only need Sapling Tree Gen to make this, no fancy addons needed. BTW, In 5.x this amazing extension is bugged and cannot create animation, i guess it doesn't work with the new animation system. Come on I need this Blender 🔶 !!! (Actually you can create it with animation in 4.x, then copy paste it into 5.x. But that's lame)

trungduyng

30,413 次观看 • 3 个月前