Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bufgix/my-react-native-playground
React Native animation challanges
https://github.com/bufgix/my-react-native-playground
Last synced: 13 days ago
JSON representation
React Native animation challanges
- Host: GitHub
- URL: https://github.com/bufgix/my-react-native-playground
- Owner: bufgix
- License: mit
- Created: 2023-09-02T00:51:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-28T19:48:48.000Z (7 months ago)
- Last Synced: 2024-12-17T06:56:53.265Z (15 days ago)
- Language: TypeScript
- Homepage:
- Size: 3.13 MB
- Stars: 164
- Watchers: 3
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# My React Native Playground
This is a collection of React Native UI components/animations that I have created for fun and learning purposes.
[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/bufgix)
## Components
### PasswordInput
Source: https://twitter.com/nitishkmrk/status/1697583481294078136
https://github.com/bufgix/my-react-native-playground/assets/22038798/87013130-7d30-4233-b0d8-afd124f951dc
### Solar Time Picker
Source: https://twitter.com/aheze0/status/1647730078653255682
https://github.com/bufgix/my-react-native-playground/assets/22038798/8bc86624-afd0-4115-a214-12ea21893cf1
### Scroll Numbers
Source: https://twitter.com/nitishkmrk/status/1700767562165113189
https://github.com/bufgix/my-react-native-playground/assets/22038798/f98e9df1-ba19-47c3-9e6c-8aaafafa165e
### Telegram Chat Story
Soruce: https://twitter.com/aniiltaskiran/status/1691366726338805760 / Telegram App
https://github.com/bufgix/my-react-native-playground/assets/22038798/fd48cb93-0e78-4302-93ad-6de4e7343685
### Scrollable Time Picker
Source: https://twitter.com/DenisJeliazkov/status/1702940639544193378
https://github.com/bufgix/my-react-native-playground/assets/22038798/ff19410c-cf2d-4b97-8e19-b60c8047c967
### Notification Stack
Source: https://twitter.com/laurentdelrey/status/1702369534823301207
https://github.com/bufgix/my-react-native-playground/assets/22038798/9a92e038-9731-4198-a663-967b16fc30ca
### Photo Extractor
Soruce: https://apps.apple.com/us/app/ai-art-pic-generator-overhead/id6447619107
https://github.com/bufgix/my-react-native-playground/assets/22038798/eda9a167-359c-4dd6-bd15-50c657cd666d
### Apple Loading
Source: https://twitter.com/GregoryMcFadden/status/1705243636990951733
https://github.com/bufgix/my-react-native-playground/assets/22038798/865ccce2-5af0-4fa0-8fd6-0bb12b5696d8
### Telegram Dynamic Island Profile
Source: https://twitter.com/blvdmitry/status/1705893688910483677
https://github.com/bufgix/my-react-native-playground/assets/22038798/7ed5d310-2bfa-450c-8f1a-d3811b4fcd11
### BMI Calculator Gauge Chart
Source: https://twitter.com/bufgix_/status/1629935271255973889
https://github.com/bufgix/my-react-native-playground/assets/22038798/6564b4d8-c5b9-4a19-8297-55abf14250ed
## How to run
1. Clone the repo
```bash
git clone https://github.com/bufgix/my-react-native-playground
```2. Install dependencies
```bash
bun install
```3. Run the app
```bash
bun start
```If you like my work, you can support me by buying me a coffee.
[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/bufgix)