Create the most beautiful and elegant charts for your React Native application with Gifted Charts. Designed to work with React Native, this library has gathered all the features needed to create a customized chart with live data updates, 2D, 3D

A minimal scroll animation library that applies a subtle reveal animation to elements as they’re scrolled into view. How to use it: 1. Install and import the component. # Yarn $ yarn add simple-reveal # NPM $ npm i simple-reveal import "simple-reveal/index.css"; import { SimpleReveal, useSimpleReveal } from

The Marquee View is a component that allows you to animate text in React Native applications. It was inspired by the marquee HTML tag and its purpose is to animate text with horizontal scrolling. How to use it: 1. Install and import

A customizable and responsive line chart component for React Native apps. Installation: # Yarn$ yarn add react-native-responsive-linechart # NPM$ npm install react-native-responsive-linechart –save Preview: Download Details: Author: xanderdeseyn Live Demo: View The Demo Download Link: Download The Source Code Official Website: https://github.com/xanderdeseyn/react-native-responsive-linechart License: MIT Credit: Source link

wagmi-charts is a simple and sweet charting library for React Native applications. Features: Line charts & candlestick charts Interactive price & date/time label components Built with composability in mind Highly customizable APIs Uses React Native Reanimated 2 under-the-hood Slick data transition animations Interactive tooltips Basic Usage: 1. Install & download. #

An elegant image viewer (gallery lightbox) component for React applications. Comprehensive gestures , drag and pan physical effect sliding, two-finger specified position to zoom in and out. All aspects of animation connection, open and close the rebound touch edge, let the

A full screen image gallery with captions, selections and grid view support for react-native. Installation: # Yarn $ yarn add react-native-photo-browser # NPM $ npm i react-native-photo-browser Component Props: mediaList: [], initialIndex: 0, square: false, alwaysShowControls: false, displayActionButton: false, displayNavArrows: false, alwaysDisplayStatusBar: false, enableGrid: true, startOnGrid: false, displaySelectionButtons: false, useCircleProgress: false, onSelectionChanged: () => {}, displayTopBar: true, onPhotoLongPress: () =>

The React Native project has become the defacto way to build cross-platform apps using Javascript. Drawing is very natural in most mobile UIs, so why not make it easy in React Native too? rn-perfect-sketch-canvas component is a React Native component for

A React Native utility library for building image galleries. It’s very simple to use and is designed with performance in mind. How to use it: 1. Install and import the gallery component. # NPM $ npm i @paraboly/react-native-gallery import ImageGallery from "@paraboly/react-native-gallery"; 2. Add the ImageGallery

use-clamp-text is a React hook that truncates long text to a specific number of lines. Flexible, configurable, and fully responsive. How to use it: 1. Installation. # Yarn $ yarn add use-clamp-text # NPM $ npm i use-clamp-text 2. Import the use-clamp-text hook. import { useState } from