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

1. Clone the repo

git clone https://github.com/bufgix/my-react-native-playground

2. Install dependencies

bun install

3. Run the app

bun start

If you like my work, you can support me by buying me a coffee.