my-react-native-playground
my-react-native-playground copied to clipboard
bufgix
I'm making animation challenges
My React Native Playground
This is a collection of React Native UI components/animations that I have created for fun and learning purposes.
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
- Clone the repo
git clone https://github.com/bufgix/my-react-native-playground
- Install dependencies
bun install
- Run the app
bun start
If you like my work, you can support me by buying me a coffee.
bufgix