122 Components & Libraries
React npm Libraries
MindInventory react-native-awesome-clock package can be used to show this awesome Clock UI in your react-native projects
AwesomeClockView MindInventory react-native-awesome-clock package can be used to show this awesome Clock UI in your react-native projects. Installatio
Ideal package for some easter egg in your site. He just give you onClick function with canvas destroying current page ☠️
Ideal package for some easter egg in your site. He just give you onClick function with canvas destroying current page ☠️
Use js to download and unzip the npm package. only supports use in the browser.
Use js to download and unzip the npm package. only supports use in the browser.
React Arts is a library of react functional component which provides canvas sketch board in the app.
🎨 React Arts React Arts is a library of react functional component which provides canvas sketch board in the app. This library contains two react com
A hybrid package of UI elements for ReactJS, from void
A hybrid package of UI elements for ReactJS, from void
A fully customizable datetime picker component library made with and for React.js
A fully customizable datetime picker component library made with and for React.js
Create Chrome Extension (.crx) - Next generation chrome extension generater
Create Chrome Extension (.crx) Next generation chrome extension generater ⚡️ Lightning Fast HMR(use vite2) 🗂 Multiple Framework Support 📦 Optimized
vThumb.js - The smallest library to generate video thumbnails on client side.
This package will generate n numbers of thumbnails at different positions in a given video file.
Simple and lightweight carousel component for React applications
Carousel Simple - rcdev Componente de carousel simples e leve para aplicativos React. Demonstração Instalação npm npm install carousel-react-rcdev y
Simple-date-time: Simple and very helpful package to get the Date Time functionality
Simple-date-time: Simple and very helpful package to get the Date Time functionality
🆕 Create easy and simple React18 boilerplate
Description The repository contains Docs that tell you what features have been added to React 18, and a CLI that allows you to build apps quickly and
A step-wizard component for React
Step Wizard for React See here for more detailed explanation and examples.
World Data - A react application that provides information about each country in the world
World Data A web application that provides information about each country in the world. The App is based on an external (REST COUNTRIES API) that allo
An E-Commerce site built using React, a little Bootstrap, and Redux
An online store that sells records! Made with ReactJS, state persisted with localStorage
Blackbox.js - A state management library for React. 📦
Blackbox.js A state management library for React. 📦 How to install Install it with NPM using $ npm i --save blackbox.js Usage Blackbox aims to deal w
Math magicians is a website for all fans of mathematics.
Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.
A react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.
fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.
Github-repository-metrics - A simple and small react component can check your repository stars and change theme on light/dark
Repository metrics for react This beauty and easy (4KB) react component can help
React-based keyboard UI library 💬
keybored React-based keyboard UI library Support keybored's creator and help support new feature development Install $ npm i keybored
Ideapedyudi-charts - Test package chart with react.js
Ideapedyudi-charts - Test package chart with react.js
A clock component build in react using moment and other libraries. It can be used in all kind of React applications.
A clock component build in react using moment and other libraries. It can be used in all kind of React applications.
A small, simple and customizable cookie consent bar for use in React applications
🍪 react-cookie-consent 🍪 A small, simple and customizable cookie consent bar for use in React applications. Demo: https://mastermindzh.github.io/rea
A react library implementing the BEM concept for Sass.
react-hook-bem A React library implementing the BEM concept for Sass. Features Complete implementation of BEM concept including blocks, elements and m
A CLI React performance optimization tool that identifies potential unnecessary re-rendering
reactopt A CLI React performance optimization tool that identifies potential unnecessary re-rendering. About Reactopt identifies specific events that
A simple yet powerful library which helps creating validated forms in react.
@cat-react / form A simple yet powerful library which helps creating validated forms in react. This project is inspired by formsy-react. Installation
Create-editorconfig - A simple npm script to generate an .editorconfig file
Create EditorConfig A simple npm script to generate an .editorconfig file. You d
Setup-npm - NPM Setup Instructions
setup-npm Quando trabalhamos com NodeJS, e ao criarmos um novo projeto, existe s
njt (npm jump to): a quick navigation tool for npm packages
🐸 njt 🐸 🐸 npm jump to 🐸 njt.vercel.app Are you typing npm package names in your search engine to then manually navigate to their source, homepage,
a more intuitive way of defining private, public and common routes for react applications using react-router-dom v6
auth-react-router is a wrapper over react-router-dom v6 that provides a simple API for configuring public, private and common routes (React suspense r
React-delayed-list - A delayed list rendering React component
react-delayed-list 🕐 🕑 🕒 What? A delayed list rendering React component. Pass in a delay prop and each child prop of the DelayedList will be render
A package with Optimized and Supercharged React hook to play audio without any DOM element 💪🎧
react-awesome-audio Optimized and Supercharged React hook to play audio without any DOM element 💪 🎧 Find the npm package here Star the GitHub repo t
An easy to use React component npm package that allows you to dim your app's background while a menu / modal is open, in order to get the user's focus on it.
react-dimmer react-dimmer is an easy to use React component that allows you to dim your app's background while a menu / modal is open, in order to get
React Native Slide Modal
React Native Slide Modal Features Built With Pending Items Screenshot (iOS) Screenshot (Android) Getting Started Props Example App Building & Publishi
build your react apps with one command and one `npm i`.
One command to build your React frontend. Features Unified package, only one npm i needed. Linting with your .eslintrc or with standard. Smartly merge
React UI component published on npm
TSDX React w/ Storybook User Guide Congrats! You just saved yourself hours of wo
This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
✨ A template code for creating react component or JS module npm packages.
React Package Template A template code repo for creating react component or JS npm packages. Just follow few steps and you can start publishing your c
Next Gen UI for React developers
Next-Gen-UI Next Gen UI is a home for front-end & UI/Ux developers. We provide a
Webpack plugin to make glob imports, mono repo apps and inheritable npm packages / webpack configs
Easily split webpack projects into multiple npm packages Feel free to test / feedback / make contribs Check the samples here Main features : Split you
AuthBee: a NPM package to implement authentication logic for the front end of your JavaScript project
AuthBee AuthBee is a NPM package to implement authentication in your JavaScript
an npm package for displaying and direct updating state for prototypes on React
React state-control A bunch of lightweight components for updating the model stored in React's stateful components for fast prototyping. Complete libr
✨ (ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React!
react-anime (ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React built on top of Julian Garnier's anime.js. Just place an Anime component and what
Monorepo containing my actual soul (npm packages, react apps, etc.)
Overview 📚 This repo is a place to apply everything that I love CS. It has a little of everything. This repo includes concepts I learned while studyi
⚛️ React Speedometer component using d3.js
react-d3-speedometer React library for showing speedometer like gauge using d3. Note: v1.x is compatible with React 17. Please use latest v0.x (v0.14.
A javascript microframework to shorten daily use CSS class manipulator methods by adding them all into a single method
CSS Class Builder A small typescript package built to work with ReactJS to short
Seamlessly integrate a search engine to find live ticker symbols into your web app
Ticker Symbol Search Seamlessly integrate a search engine to find live ticker symbols into your web app View Demo · Report Bug · Request Feature Usage
An image-centric timeline component for React.js
React Image Timeline An image-centric timeline component for React.js. View chronological events in a pleasant way. View Sample Timeline Features: Res
The react HOC for create custom players with any styles you like
reaplay the react HOC for create custom players with any styles you like give me your tracks, i will give you the all function and variable you need t
Youtube clone application using react & firebase
youtube-clone Youtube clone application using React JS. ⚡ Commands commands description npm start start app npm run build build app firebase init Init
I have created a real time currency converter using api in react
React Currency Converter Review ↓ Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the
Customizable and responsive react sidebar library with dropdown menus and unlimited number of nested submenus
React Pro Sidebar Customizable and responsive react sidebar library with dropdown menus and unlimited number of nested submenus Demo Live preview Scre
Custom cursors for React
custom-pointer-react 🚀 Custom cursors for React NPM · Demo 🚀 Quickstart Install the npm package yarn add custom-pointer-react Next, import & customi
A tool for managing JavaScript projects with multiple packages.
A tool for managing JavaScript projects with multiple packages. About Getting Started How It Works Troubleshooting Commands lerna publish lerna versio
React Native module for Flexmonster Pivot Table & Charts
React Native module for Flexmonster Pivot Table & Charts Website: www.flexmonster.com Flexmonster Pivot Table & Charts Flexmonster Pivot is a powerful
A Modern Template to Jump Start your React Project
A Modern Template to Jump Start your React Project
A simple snake game created with the React framework.
react-simple-snake A simple snake game created with the React JavaScript library. Demo Installation To add it to your React app To launch the developm
💣 Minesweeper Game in React
Minesweeper Game in React Play: https://nbsp1221.github.io/react-minesweeper-game Usage First, git clone this repository. git clone https://github.com
Template component for publishing Ionic React Functional Components to npm
ionic-react-component-template This is a template component for publishing Ionic React Functional Components to npm. Copy this template, change a few
Stagger Text Reveal Animation is a component for React Js, which is available on npm
Stagger Text Reveal Animation React JS Live Demo Link Find this on npm Find this on Github Introduction The stagger text reveal animation helps you to
Simple react-based photo gallery inspired by Airbnb image gallery.
Friendly, customizable and accessible-ready simple photo gallery based on React. Install You can install react-bnb-gallery from npm. # If you are usin
🎬 Generic Cinemagraph component, built for React.
Generic Cinemagraph component, built for React. The problem 🤔 You want a generic, adaptive, React-friendly, and customizable Cinemagraph-style compon
Repo for the react-borders NPM package.
React Borders Basic Usage You can attach a border to an element using the border component exported from react-borders. The below code will generate a
The project is a twitter clone. React technology, React Router (Code Splitting), Sass.
The project is a twitter clone. React technology, React Router (Code Splitting), Sass. Helmet is used as npm package. The goal is to show the title of that page in the header when switching between pages. Waiting for your feedback.
ZATCA (Fatoorah) QR-Code Implementation
An unofficial package to help developers implement ZATCA (Fatoora) QR code easily which is required for e-invoicing in Saudi Arabia.
A streamlined way of creating a React.Context based on a schema. Easy to use and with 0 dependencies.
A streamlined way of creating a React.Context based on a schema. Easy to use and with 0 dependencies.
React component which helps you to easily apply responsive spritesheet animations on your project.
React Responsive Spritesheet Hello, world! React Responsive Spritesheet is a React component which helps you to easily apply responsive spritesheet an
A npm library for a low-config stylish react video player
react-happy-video Welcome to react-happy-player, a low-config react component for a stylish video player. Intended to provide easy control on the vide
This is the clone of instagram made with Next.js & Firebase V9. for learning purpose only.
Next.Js Project Name : Instagram Clone As the project name describes this is a clone of Instagram web app. This build is for learning purpose only. fe
Luna - npm management through a modern UI. Built with Electron 🌺
Luna - npm management through a modern UI. Built with Electron 🌺 npm desktop manager for handling npm dependencies. Supported platforms: OS X Windows
Simple, Easy To Use and Customisable ScrollSpy component for react with callback, typescript, auto-update URL hash and throttle support among others.
React UI ScrollSpy ✨ Installation npm install --save react-ui-scrollspy OR yarn add react-ui-scrollspy 🎞 Demo Try it your self here! ⚙️ Usage In your
A React component to display 3d models in a carousel-like fashion.
Caroumesh Caroumesh is a React component to display your 3d models in a Carousel-like fashion inside your application, using three.js and react-three-
react Accessibility auditing for React applications View Details
axe-core-npm This repository contains 7 packages, which can be used for automated accessibility testing powered by axe core. The packages are listed b
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with Rea
React native library to validate form fields
React native form validator React native form validator is a simple library to validate your form fields with React Native. The library is easy to use
A frontend boilerplate made with React, Webpack & Browsersync. Available as an NPM package with a command line scaffold generator.
React Frontend Boilerplate This is a little react project boilerplate for frontend-only projects. I made this so I can quickly made mini projects when
React UI Components (npm @assenti/rui-components)
React UI Components UI Components for web apps built on React Main Goal Create a lot of usefull, light weight and maximum reusable UI components Requi
react-notification-timeline is a reactjs based component helps in managing the notifications in time-based manner
🔔 react-notification-timeline react-notification-timeline is a reactjs based component helps in managing the notifications in time-based manner. It i
A lightweight react toast notification component. 11 kb ~
React Toast Component A lightweight react toast notification component. 11 kb ~ Preview: Demo (npm: NPM github: Github) Installation Prerequisite: Rea
An awesome Infinite Scroll component in react.
react-infinite-scroll-component A component to make all your infinite scrolling woes go away with just 4.15 kB! Pull Down to Refresh feature added. An
Este es un proyecto de NPM de pruebas de React
DO-Product-Card Este es un paquete de pruebas de despliegue en NPM Fernando Herrera Ejemplo import { ProductCard, ProductImage, ProductTitle, ProductB
React Structured State
React custom hooks for handling structure(array) with normal state or recoil state
hack to allow react-native projects to use node core modules, and npm modules that use them
hack to allow react-native projects to use node core modules, and npm modules that use them
A full-screen video component on top of react-native-video
react-native-fullscreen-video A full-screen video component on top of react-native-video One of the main issues of react-native-video is making video
A markdown editor like github comment editor (contains preview, helper buttons)
react-native-markdown-editor This is a library for rendering a markdown editor for the markdown with helper buttons to easily write markdown. With liv
Build full featured Windows fluent UI apps using ReactJS.
Build full featured Windows fluent UI apps using ReactJS. Provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.
A lightweight react library that converts raw HTML to a React DOM structure.
A lightweight react library that converts raw HTML to a React DOM structure.
Super convenient analytics provider for React
React Analytics Provider Super convenient analytics provider for React 💙 Typescript support 👨👩👧👦 GA4 support 🏃 Currently maintaining 1. Getti
🌈 Icon Set Creator for React Native
Icon Set Creator 🌈 Easy to install — does not require additional programs ⚡️ Fast — image manipulation powered by sharp 🛠 Configurable — using cli o
A performant bottom modal that works using React Native Reanimated 2
react-native-lightning-modal A fast bottom modal that works with React Native Reanimated 2! Prerequisites This module needs React Native Reanimated 2
Advanced fetcher function npm package for React SWR
swr-fetcher Advanced OOP principles fetcher npm package for React SWR based in axios. In fact, you can use swr even if you don't use it. In this case,
I had cloned my Instagram profile UI using ReactJS.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
A paper-thin (~800 bytes) and position-aware wrapper for ThreeJS in React.
react-three-paper A paper-thin (~800 bytes*) and position-aware wrapper for ThreeJS in React. View Demo · Report Bug My work is for and funded by the
🍃react-leaf-polls is a set of multiple reusable and customizable poll types.
react-leaf-polls is a set of multiple reusable and customizable poll types. Install NPM npm i --save react-leaf-polls Yarn yarn add react-leaf-polls U
🖼️ A library to show colorful blurry placeholders while your content loads.
Blurhash 🖼️ Give your users the loading experience they want. Install via npm: npm i react-native-blurhash npx pod-install BlurHash is a compact repr
your npm dashboard! (react-native app)
ndash Your npm dashboard! about This application allows you to see what your public node modules are up to, and take a peek at other developers, you c
A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
nwb nwb is a toolkit for: Quick Development with React, Inferno, Preact or vanilla JavaScript Developing: React Apps Preact Apps Inferno Apps Vanilla