This is a React wrapper around the FilePond library, which helps you create elegant, flexible, customizable, drag-and-drop file input in React applications. Installation: # NPM $ npm i react-filepond filepond How to use it: 1. Use hooks. import React, { useState } from 'react' import ReactDOM from

ReactJS has been a popular front-end framework for writing modularized applications. Pagination is one problem in particular that comes with modularizing React applications. A pagination can be implemented using many different approaches, but I thought it would be nice to

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