• Stars
    star
    361
  • Rank 117,957 (Top 3 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created almost 3 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

iOS UI implementation in React Native with gestures and animations ๐Ÿ

app icon

React Native iOS

This is a fun project. I have always been impressed with iOS's UI gestures & animations. Previously I developed React Native Hold Menu which I inspired by the iOS messages, applications hold to open menus. This time, I tried to do the whole iOS itself for fun, and the result is awesome!

Stack

Want to try?

If you want to try this on your device, you can install and run the app in a few seconds with the following commands;

Install the packages:

yarn install

Start the server

yarn start

You will see a QR code on the terminal, you can scan this QR code with the device which you are on the same network. Or you can start the simulator by pressing i, on the terminal.

Currently app is not working the same with iOS on Android due to some issues with blur view animations and horizontal gesture animations. I may fix it later.

That's it, enjoy ๐Ÿคž๐Ÿฝ

License

The source code is made available under the MIT license.

Show Your Support

If you like this project, please give a star and follow me on Github for more ๐Ÿคฉ

More Repositories

1

react-native-hold-menu

๐Ÿ“ฑ A performant, easy to use hold to open context menu for React Native powered by Reanimated ๐Ÿš€
TypeScript
1,407
star
2

rn-swipeable-panel

Zero dependency swipeable bottom panel for React Native ๐Ÿ“ฑ
TypeScript
970
star
3

json-data-ai-template

JSONDataAI.com template with Next.js 13 and Vercel AI SDK
TypeScript
570
star
4

react-native-instagram

Instagram iOS page transitions implementation with FlashList and Reanimated
TypeScript
313
star
5

awesome-course

Create awesome courses that let your audience learn by coding โŒจ๏ธ
TypeScript
254
star
6

sticker-store

E-commerce website powered with Next.js.
TypeScript
40
star
7

hyper-rename-tab

Hyper plugin to rename your tabs
JavaScript
29
star
8

chatectron

Web socket implementation with Socket.io & Electron & React JS ๐Ÿ’ฌ ๐Ÿ–ฅ
JavaScript
17
star
9

website

โšช๏ธ My personal website with Next JS, & Tailwind
TypeScript
15
star
10

myrteal

13
star
11

tcdd-bilet-bul

TCDD รผzerinde sefer sorgusu yapฤฑp telefonunuza bildirim gรถnderen Python Scripti ๐Ÿš‚
Python
12
star
12

react-native-onesignal-example

This is an example project for OneSignal push notification setup
JavaScript
9
star
13

solito-nativewind

Example setup with Solito & Nativewind
TypeScript
8
star
14

react-native-jsi-example

Example React Native library written with JSI
Java
8
star
15

nextjs-page-transitions

Page transition example with React Spring on Next Js application
JavaScript
6
star
16

react-native-hold-menu-expo-example

Showcase project for React Native Hold Menu with Expo ๐Ÿ”ฅ
TypeScript
5
star
17

solidity-playground

My playground repo for learning Solidity with CryptoZombies
Solidity
4
star
18

react-native-reanimated-playground

My playground repo for creating animations with Reanimated v1.
TypeScript
3
star
19

rick-and-morty

Example app with Rick and Morty API including Snapshot & Unit tests
TypeScript
2
star
20

deploy-next-to-x

Guides to deploy your Next JS apps ๐Ÿ“˜
1
star
21

DesignPatterns

Gang of four design patterns with samples
C#
1
star
22

nft-react-goerli-test

CSS
1
star
23

swift-apollo-image-upload

Example app to upload
Swift
1
star
24

enesozturk

1
star