Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

S0LARIN's profile picture

Solarin

3,039 subscribers

32,485 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieGamingBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Just updated Luna - AI Chat Template. 🚀 - Refreshed UI - Speech-to-text - Streaming responses - OpenAI, Gemini and Claude integration built-in Check it out here: Built with React Native Expo Nativewind and Software Mansion reanimated
0:12

Just updated Luna - AI Chat Template. 🚀 - Refreshed UI - Speech-to-text - Streaming responses - OpenAI, Gemini and Claude integration built-in Check it out here: Built with React Native Expo Nativewind and Software Mansion reanimated

Thomino

20,178 Aufrufe • vor 4 Monaten

My take on Alma’s onboarding carousel. Subtle motion, but it pulls the whole screen together. ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on
0:12

My take on Alma’s onboarding carousel. Subtle motion, but it pulls the whole screen together. ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on

Volodymyr

15,276 Aufrufe • vor 10 Monaten

New # 7️⃣1️⃣ drop at Perplexity app with Mo Gorhom bottom sheet + custom blur backdrop! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated
0:10

New # 7️⃣1️⃣ drop at Perplexity app with Mo Gorhom bottom sheet + custom blur backdrop! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated

make it animated

10,739 Aufrufe • vor 7 Monaten

stacking inputs in React Native animated with Software Mansion Reanimated:)
0:15

stacking inputs in React Native animated with Software Mansion Reanimated:)

Solarin

84,048 Aufrufe • vor 8 Monaten

Christmas drop at 🎄 Circular onboarding carousel from the amazing Alma app. Give it a try! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated
0:15

Christmas drop at 🎄 Circular onboarding carousel from the amazing Alma app. Give it a try! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated

make it animated

12,102 Aufrufe • vor 5 Monaten

🚨60 FPS Component Series #005 Animated Radial Progress. Built with Reanimated + Skia. Made with ❤️ for the React Native community. GitHub:
0:13

🚨60 FPS Component Series #005 Animated Radial Progress. Built with Reanimated + Skia. Made with ❤️ for the React Native community. GitHub:

NicheGuys

31,314 Aufrufe • vor 10 Monaten

When your slide-to-submit feels native but it’s all JS… thanks Software Mansion + Expo🫰🏽
0:12

When your slide-to-submit feels native but it’s all JS… thanks Software Mansion + Expo🫰🏽

Solarin

53,030 Aufrufe • vor 1 Jahr

Uniwind Starter Template is now available 🚀 40+ components, dark & light theming, tab and drawer navigation, basic screens and Claude/Cursor rules included. Built with React Native Expo Software Mansion reanimated and Uniwind
0:19

Uniwind Starter Template is now available 🚀 40+ components, dark & light theming, tab and drawer navigation, basic screens and Claude/Cursor rules included. Built with React Native Expo Software Mansion reanimated and Uniwind

Thomino

22,188 Aufrufe • vor 2 Monaten

Inspired by the apple intelligence animation, im super happy with how it came out. heres where im using them throughout my app. Built w/ Expo, Software Mansion reanimated, React Native Skia.
0:19

Inspired by the apple intelligence animation, im super happy with how it came out. heres where im using them throughout my app. Built w/ Expo, Software Mansion reanimated, React Native Skia.

Ed

40,445 Aufrufe • vor 1 Jahr

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
0:12

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 Aufrufe • vor 1 Jahr

Message Send Animation built with FlashList V2 by Shopify Engineering Reanimated V4 by Software Mansion and Expo
0:10

Message Send Animation built with FlashList V2 by Shopify Engineering Reanimated V4 by Software Mansion and Expo

Daehyeon 대현

16,346 Aufrufe • vor 9 Monaten

Draggable Panel with React Native Reanimated Available now on Demos ✨
0:13

Draggable Panel with React Native Reanimated Available now on Demos ✨

Enzo Manuel Mangano

16,042 Aufrufe • vor 11 Monaten

Native tabs are coming to React Navigation 👀 All credits to the awesome folks working on React Native Screens at Software Mansion ❤️
0:12

Native tabs are coming to React Navigation 👀 All credits to the awesome folks working on React Native Screens at Software Mansion ❤️

React Navigation

19,204 Aufrufe • vor 9 Monaten

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇
0:14

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇

rs

30,832 Aufrufe • vor 1 Jahr

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.
0:19

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

18,097 Aufrufe • vor 1 Jahr

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
0:13

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 Aufrufe • vor 1 Jahr

Hey React Native devs 👋 I recently built a very cool app with React Native Expo—it’s amazing how powerful and easy it is! 🚀 Everything you can do with React Native CLI, you can do with Expo too. If you haven’t tried it yet, now’s the time! #buildinpublic Expo React Native
0:18

Hey React Native devs 👋 I recently built a very cool app with React Native Expo—it’s amazing how powerful and easy it is! 🚀 Everything you can do with React Native CLI, you can do with Expo too. If you haven’t tried it yet, now’s the time! #buildinpublic Expo React Native

Syed Noman

13,150 Aufrufe • vor 1 Jahr

Just so you know. This approach also works in React Native This UI was not built with react code 👀
0:14

Just so you know. This approach also works in React Native This UI was not built with react code 👀

Dane Mackier

41,874 Aufrufe • vor 2 Jahren

For the past few days, I've been working on a rewrite of `react-native-pager-view` for iOS ✨ The goal was to resolve a bunch of long-standing issues that were unfixable in the previous implementation. The library now uses SwiftUI under the hood 🍏
0:10

For the past few days, I've been working on a rewrite of `react-native-pager-view` for iOS ✨ The goal was to resolve a bunch of long-standing issues that were unfixable in the previous implementation. The library now uses SwiftUI under the hood 🍏

Oskar Kwaśniewski

13,777 Aufrufe • vor 9 Monaten

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui
0:10

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui

The React Native Rewind

118,414 Aufrufe • vor 10 Monaten