Development · GitHub repo
my-react-native-playground
Open-source collection of advanced React Native UI animations and components
An open-source repository containing recreated mobile UI interactions and micro-animations built with React Native and Reanimated. It features practical implementations of popular design concepts, including a dynamic password-strength stroke animation, custom time pickers, and dynamic island transitions.
What it's for
- Inspect production-ready React Native animation code for complex micro-interactions
- Implement an animated password strength ring indicator into a mobile app
- Study implementations of custom UI components like gauge charts and time pickers
Features
- PasswordInput component featuring an animated stroke and color transitions based on strength
- Solar Time Picker and Scrollable Time Picker components
- Scroll Numbers animation recreation
- Telegram Dynamic Island Profile and Chat Story transitions
- Notification Stack interaction model
- BMI Calculator gauge chart implementation
- Built with React Native, TypeScript, and Expo
Pricing
Open source
Details
- Type
- GitHub repo
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- iOS, Android
- For
- React Native and mobile frontend developers looking for animation examples
- Tags
- react native, animations, reanimated, expo, typescript, mobile ui
Why it was saved
- @farukbfx: Thread follow-up by the author links the playground where this password ring implementation lives, so the technique can be studied and reused.
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated