Build Elegant Charts With The React Native Gifted Charts Library
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
Simple Scroll Reveal Animation Library For React
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
Create Marquee Effects In React Native – Marquee View
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
Responsive Line Chart For React Native
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
Sweet Chart Library For React Native – wagmi-charts
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. #
Elegant Image Viewer (Gallery Lightbox) Component – react-photo-view
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
React Native Photo Browser | Reactscript
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: () =>
Pressure-sensitive Drawing For Mobile – rn-perfect-sketch-canvas
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
Easy Photo Gallery Component For React Native
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
Flexible Multi-line Text Truncation Hook – use-clamp-text
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