react-native-reanimated
tamagui
react-native-reanimated | tamagui | |
---|---|---|
61 | 55 | |
8,410 | 10,032 | |
1.2% | 2.9% | |
9.8 | 10.0 | |
4 days ago | 6 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-reanimated
-
Exploring the Best UI Component Libraries for React Native apps
Supports Animation: Tamagui leverages the popular open-source library — Moti as a reanimated driver for animation libraries such as react-native-reanimated and React Native Animated.
-
Expo – open-source platform for making universal apps for Android, iOS, and web
FYI react-native-reanimated (https://github.com/software-mansion/react-native-reanimated) is not the Animated API from React Native. react-native-reanimated allows JS code to run on a UI thread that is able to synchronously modify layout, providing alternative synchronous ways for you to hook into the layouting. For instance, as opposed to the asynchronous `measure()` method provided by React Native to measure layouts, react-native-reanimated allows one to call their version of `measure()` (https://docs.swmansion.com/react-native-reanimated/docs/api/...) to perform the same operation on the UI thread, synchronously.
-
React Native is Multi Threaded
By using libraries like Reanimated, React Native MMKV, and React Native Skia, you leverage the native thread. However, I know there are developers building amazing things who think outside the box. I'm always thrilled when I read engineering blogs from companies like Netflix, Meta, and Shopify. They create solutions beyond the limits.
-
Can I update my Reanimated to a different version?
Currently having issues with reanimated (expo installs 2.14.4). My app will crash randomly – possibly linked to these issues here and here.
-
How can I draw custom vector graphics in ReactNative (equivalent to Flutter CustomPaint) ?
Reanimated is probably what you're looking for. https://docs.swmansion.com/react-native-reanimated/
-
What animation libs you use and why !?
One of is: https://github.com/software-mansion/react-native-reanimated/issues/2327
- What am I doing wrong in rendering Drawer Navigator !?
- Initialise useSharedValue with the right height.
-
Is it possible to use this iOS pop-up menu with RN? I’ve tried googling but haven’t had much luck as I’m not sure what the menu is actually called.
use third party lib that is a beast, but will require a lot of work and upfront knowledge (https://docs.swmansion.com/react-native-reanimated/)
-
Learning Animations
Catalin Miron is also good. Reanimated 2 animations are still relevant. I also would suggest reading the reanimated docs here. That's how I find my way around.
tamagui
-
Exploring the Best UI Component Libraries for React Native apps
Tamagui is a UI kit that aims to bridge the gap between React and React Native applications by addressing the fundamental parts of an app, such as styling, theming, and cross-platform components, while keeping app performance in mind. It utilizes an optimizing compiler to significantly improve performance by hoisting objects and CSS at build-time. Its main advantage is that it creates a consistent design system across web and native platforms. Some major highlights of Tamagui are:
-
Creating a reusable Design System between React and React Native with Tamagui
Many times, while developing mobile applications with React Native, I have thought about the possibility of reusing components in both web and mobile contexts. Recently, I came across a library called Tamagui that allows components to be shared in both React Web and React Native.
- Criando um Design System reutilizável entre React e React Native com Tamagui
- Tamagui – UI kit that unify React Native and Web
-
Real-Time Top Reference System (Design Systems and UI Libs) 2023
Tamagui would be great to add:
https://tamagui.dev
-
Show HN: Rapidpages – OSS alternative to vercel's v0
If you're interested in collaborating, I've been thinking of a feature like this for our platform (https://tamagui.dev) to integrate with the studio we're launching soon, send me an email or DM on Discord.
-
HyperUI: Free Open Source Tailwind CSS Components
I have heard good things about https://tamagui.dev/ . Haven't used it myself though, going to use it in my next project
- SSR and More for React Native Web
- Expo – open-source platform for making universal apps for Android, iOS, and web
-
Any Apple/Modern/Minimalistic Style UI Libraries for Svelte?
Hello. I'm looking for a Svelte UI component library with a minimalistic modern look like NextUI or Tamagui. Preferably not looking for something that looks like Material UI or a Shadcn-UI clone. Tailwind would be a plus.
What are some alternatives?
moti - 🐼 The React Native (+ Web) animation library, powered by Reanimated 3.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
react-native-skia - High-performance React Native Graphics using Skia
react-table - ⚛️ Hooks for building fast and extendable tables and datagrids for React [Moved to: https://github.com/TanStack/react-table]
react-native-fast-image - 🚩 FastImage, performant React Native image component.
addon-react-native-web - Build react-native-web projects in Storybook for React
react-native-vision-camera - 📸 A powerful, high-performance React Native Camera library.
restyle - A type-enforced system for building UI components in React Native with TypeScript.
react-native-debugger - The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools
react-native-web-monorepo - Code sharing between iOS, Android & Web using monorepo