React Native Bottom Tabbar inspired by Playstation App

react-native-ps-bottom-tabbar React-native bottom tabbar inspired by PS App. Installation npm install react-native-ps-bottom-tabbar Usage import { PSBottomTabBar } from 'react-native-ps-bottom-tabbar'; const Tab = createBottomTabNavigator(); export enum ... more

A customizable autocomplete component made for React Native that interacts with the Google Places API

rn-google-places-api-autocomplete A customizable autocomplete component made for React Native that interacts with the Google Places API, which has several ways to visualize the places. Installation Using npm npm i rn-google-places-api-autocomplete Using ... more

A minimal modern UI weather app developed using React Native

Weather Snap A minimal modern UI weather app developed using React Native Expo CLI. It allows users to fetch the current location or manually enter a city name to view the weather forecast. The app supports adding and removing multiple cities and provides ... more

A custom component that combines the functionality of FlatList and Swipeable from React Native

React Native Swipeable FlatList SwipeableFlatList is a custom component that combines the functionality of FlatList and Swipeable from React Native and React Native Gesture Handler to create a swipeable list. It allows you to easily render a list of items ... more

Beautifully animated digits for React Native

react-native-animated-digits Beautifully animated digits for React Native. Installation npm install react-native-animated-digits Usage import { AnimatedDigits } from 'react-native-animated-digits'; // ... const [usd, setUsd] = useState('0'); return ( ... more

A performant React-Native component for Squircle shapes with configurable options

react-native-squircle A performant React-Native component for Squircle shapes with configurable options Installation npm install react-native-squircle or yarn add react-native-squircle For expo: expo install react-native-squircle Example Usage import ... more

A fully functional weather app with react native and weatherapi.com

Weather-App-React-Native Watch Tutorial on YouTube Weather App in React Native Get Started install dev dependencies npm install or yarn install Then go to https://www.weatherapi.com . create an account and get the api key then use that api key in constants/index.js ... more

A React Native vertical ListView with rows that swipe open and closed

react-native-swipe-list-view for examples and see the migrating-to-flatlist doc for a migration guide if you aren’t already using FlatList . The useFlatList prop is no longer required, as FlatList is the default ListView used. Example Try it out! https://snack.expo.io/@jemise111/react-native-swipe-list-view ... more

A mobile to-do list application using the react-native library

React-native-TodoList This is a To-do list mobile application which allows the users to add and remove to-do task from their list. Features User can add a task to their list. User can remove a task from their list. Lightweight functionalities make the ... more

Vivifiiy Alarm App built with React Native

vivifiiy-alarm-app vivifiiy-alarm-app is an app that change the way you wake up in the mornings. By connecting your favorite music app (such as spotify, apple music, etc.) AI selects the best songs and volume to wake you up to every morning automatically. ... more

Instagram Stories built with React Native

Instagram Stories – React Native Find the twitter post with a demo video here! Description Installation What are the steps required to install your project? Provide a step-by-step description of how to get the development environment running. Download ... more

React Native Simple Timeline

react-native-simple-timeline React Native Timeline Installation npm install react-native-simple-timeline or yarn add react-native-simple-timeline Usage import * as React from 'react'; import {SafeAreaView, View, Text } from 'react-native'; import Timeline ... more

Dubizzle App Built with React Native

Dubizzle App Getting Started This section has the information about how to get started with the Dubizzle App App Demo Prerequisites To Begin with the development you will need: Git Node VS Code XCode Android Studio React Native To run the App Clone the ... more

Job Finder App using React Native

Job Finder – Find your perfect job 📌 How to use this App? Make sure Git and NodeJS are installed. Clone this repository to your local computer. Type and Run npm install or yarn install to install required packages. Install Expo Cli using npm i -g expo-cli ... more

A high-performance, cross-platform animated header component for React Native applications

React Native Header React Native Header is a high-performance, cross-platform animated header component for React Native applications. It provides an easy-to-use interface for developers to quickly create beautiful and dynamic navigation headers. iOS ... more

Using UnoCSS in a React Native project

Uno With React Native Using UnoCSS in a React Native project Demo Setup yarn add unonative Basic setup Uno Config for vscode plugin auto completion // uno.config.ts import { defineConfig } from 'unocss'; import { preset } from 'unonative'; export default ... more

A lightweight and highly performant bottom drawer for react native

React Native Animated Bottom Drawer A lightweight and highly performant bottom drawer for react native Features Extremely lightweight (~15kb) and highly performant Support for snapping (multi level bottom drawer) Smooth Animations and Gestures Completely ... more

React Native Image filter and resizing for memory performance

react-native-mone React Native image filters and effects library. Installation npm install react-native-mone Usage import { MoneView, MoneFilters } from "react-native-mone"; // ... const source = { uri: "https://i.imgur.com/0Z0Z0Z0.jpg", ... more

A QR Code generator for React Native based on react-native-svg

@exzos28/react-native-qrcode-svg A QR Code generator for React Native based on react-native-svg, to create QR codes like in Telegram Installation npm install @exzos28/react-native-qrcode-svg Example Usage import React from 'react'; import { StyleSheet, ... more

A Simple hooks for Plaid open banking on React Native

react-native-use-plaid ⚛️ 💸 Simple hooks for Plaid open banking on React Native , which enables you to very quickly integrate with a user’s bank account via a user-friendly onboarding process. What’s contained here is the raw logic; you can customize ... more

React native online chess app wirh backend built on nodejs and chessjs

Pool React native online chess app wirh backend built on nodejs and chessjs can load fen re-orientation based on color Rejoin on disconnect Animation on moving part promotion on reaching end It doesn’t Include an navigation or state management since it ... more

A draggable and sortable grid view for react native

react-native-drag-sort-gridview Getting started Animation is accelerated by react-native-reanimated and react-addons-update. Please install and setup react-native-reanimated npm install react-native-drag-sort-gridview --save npm install react-addons-update ... more

DeFi Blockchain Light Wallet for iOS, Android & Web

DeFiChain Wallet DeFi Blockchain Light Wallet for iOS, Android & Web. Releases DeFiChain Wallet has 3 releases channel and unique environment for each of those channel. shared/environment.ts carries the environment state for those releases channel. ... more

Stopwatch & Timer component that smoothly animate the digits change

react-native-animated-stopwatch-timer A React Native Stopwatch/Timer component that empowers reanimated worklets to smoothly animate the digit change. Cross-platform, performant, with all layout animations executed on the UI thread at 60FPS . Compatible ... more

UI component for React Native that allows to create a listview with N levels of nesting

@dplus/tree copy from react-native-nested-listview UI component for React Native that allows to create a listview with N levels of nesting Show Usage yarn add react-native-nested-listview import NestedListView, {NestedRow} from 'react-native-nested-listview' ... more

Food Delivery App built with React Native and Django

Food-Delivery-App ( React Native + Django ) Changes you have to made to backend. In backend edit PaymentViews.py file and write your own Paytm MERCHANT_ID and MERCHANT_KEY In the same file your have to write your own website url http://example.com/ Changes ... more

React native menu animation

React native menu animation Inspired by a tweet from Janum Trivedi Preview export default function Card() { const Offset = useSharedValue(0); // highlight offset const start = useSharedValue(0); // animated value to mount the card const ctx = useSharedValue(0); ... more

Template react native typescript project with Redux, Saga, React Navigation

React Native TypeScript Template Description Template react native typescript project with Redux, Saga, React Navigation. How to run Clone this project. At root directory run npm install to install the dependencies. Android Run react-native run-android ... more

A React Native Confirm Modal

🌈 react-native-confirm-modal A React Native Confirm Modal Installation yarn add @sj-distributor/react-native-confirm-modal or npm install @sj-distributor/react-native-confirm-modal Demo Usage import React from 'react'; import { StyleSheet, View, Button ... more

Template react native typescript project with Redux, Saga, React Navigation

React Native TypeScript Template Description Template react native typescript project with Redux, Saga, React Navigation. How to run Clone this project. At root directory run npm install to install the dependencies. Android Run react-native run-android ... more