120 Components & Libraries
React icon-set Libraries
Phosphor Icons generated from React Native Vector Image
React Native Phosphor Icons Phosphor Icons generated from React Native Vector Image Installation yarn add @baronha/react-native-phosphor-icon && yarn
Redux-todo - a todo web app where users can type in their todo and also set a reminder
redux-todo Redux-todo is a todo web app where users can type in their todo and also set a reminder. The todos are not saved/fetched on/from a server,
React Icons Viewer - allows you to search through the react-icons and it allows you to download the icon as png/svg
React Icons Viewer - allows you to search through the react-icons and it allows you to download the icon as png/svg
DevExtreme - a set of enterprise-ready UI component suites for Angular, React, Vue, and jQuery
DevExtreme DevExtreme is a set of enterprise-ready UI component suites for Angular, React, Vue, and jQuery. It is everything you need to create respon
YGDL Network UIkit is a set of React components and hooks used to build pages on Zaigar Finance's apps
YGDL Network UIkit is a set of React components and hooks used to build pages on Zaigar Finance's apps. It also contains a theme file for dark and light mode.
Set of react components styled with styled-components
React to styled Links Documentation Contributing Ask question or give feedback Changelog Packages @react-to-styled/essentials – essential library that
A free funky formalicious icon set for React (& plain ol' SVG & PNG)
Pebble A free funky formalicious icon set for React (& plain ol' SVG & PNG) Pebble is an icon set that aims for a friendly character. There's no real
Imagable - Automatically resize your icon for different platforms, built with react
Imagable Imagable lets you generate icons automatically for different platforms.
Create-sonnat-app - Set up a modern web app which is powered by Sonnat
Create Sonnat App Set up a modern web app which is powered by Sonnat. Usage yarn
react component for simple web font backed ratings
react-icon-rating A react component for simple straightforward rating manipulation gif: ###Installation npm install react-icon-rating ###Usage ####Exa
An open source project to catalogue the diverse set of Indian cuisines available across the subcontinent for thousands of years
An open source project to catalogue the diverse set of Indian cuisines available across the subcontinent for thousands of years. We aspire to become t
A shared set of UI Components using React and CSS Modules🤜🤛
Buffer Components A shared set of UI Components using React and CSS Modules
Quran Common Components are a set of React UI components
Quran Common Components are a set of React UI components. The aim is to promote a consistent and reusable component library.
UXCore is a set of React Components that is designed for enterprise-class pc backend application.
UXCore is a set of React Components that is designed for enterprise-class pc backend application.
A desktop icon manager application
Gerenciador de ícones ⬇ Downloaded Images Pode baixar o executável aqui ⚔ Features Diversas bibliotecas de ícones Pesquisar por ícones Mudar a cor dos
💅 Popular icon packs like Font Awesome, Material Design, and Octicons, available as React Styled Components
💅 styled-icons styled-icons provides over 20,000 icons from the following icon packs as Styled Components, with full support for TypeScript types and
A set of UI components for building React Native apps
Carbon Native A set of UI components for building React Native apps Demo App Expo Google Play Store Get Started yarn add carbon-native Components Badg
A set of native Android UI components and modules for React Native framework.
React Native Android Kit A set of native Android UI components and modules for React Native framework. The purpose of this kit is to offer to React Na
A set of tools for developing user interfaces using the BEM methodology in React
bem-react · A set of tools for developing user interfaces using the BEM methodology in React. BEM React supports TypeScript type annotations. Packages
React PowerPlug is a set of pluggable renderless components and helpers
React PowerPlug is a set of pluggable renderless components and helpers that provides different types of state and logic utilities that you can use wi
🍬 🙈 a set of utility components for altering the user experience between breakpoints
react-with-breakpoints Build leaner webpages with react-with-breakpoints like Airbnb. 👌 🔧 Install npm install react-with-breakpoints # or use yarn
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
downshift 🏎 Primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. Read the docs | See
Set or animate your React app's favicon
react-favicon Control the favicon from a React app Demo http://oflisback.github.io/react-favicon This example is available in example. Installation np
React-icons - svg react icons of popular icon packs
React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons
Patternfly-react - A set of React components for the PatternFly project.
PatternFly React This project provides a set of React components for the PatternFly project. Community: PatternFly website | Slack | Medium | Mailing
Terra offers a set of configurable React components designed to help build scalable and modular application UIs. This UI library was created to solve real-world issues in projects we work on day to day.
Terra Core Packages Versioning Status Deprecated Supported Browsers Internationalization (I18n) Packages Requiring I18n Contributing Local Development
Set of react components for building messaging applications
dialog web components Docs & Demo Installation yarn add @dlghq/dialog-components or npm install --save @dlghq/dialog-components Usage example import
Pancake UIkit: a set of React components and hooks used to build pages on Pancake's apps
🥞 Pancake UIkit Pancake UIkit is a set of React components and hooks used to bu
A set of functions for drawing S-curved arrows between points and shapes
Curved Arrows A set of functions for drawing S-curved arrows between points and
🛰 A set of React components designed to handle global events (interval, keyboard, touch, mouse, etc)
React Event Components A set of components designed as an idiomatic way of working with global, raw input (keyboard, mouse, touch, etc) in React. Exam
A utility for React to set 100vh equal to the actual browser inner window height.
react-viewport-height A utility for React to set 100vh equal to the actual browser inner window height. Since vh has troubles on mobile browsers (prim
Provides a set of components to animate between elements when the view re-renders.
React State Transitions Version 2.1.0. Provides a set of components to animate between elements when the view re-renders. Pretty much any method of vi
React SVG line icon components
Reline React SVG line icon components http://jxnblk.com/reline npm i reline import React from 'react' import { Line } from 'reline' const Demo = () =
This lightweight (2kb) plug-in will automatically turn your layered Apple TV PNGs into 3D parallax icon
atvImg atvImg = 'AppleTV Image' Made by http://drewwilson.com This lightweight (2kb) plug-in will automatically turn your layered Apple TV PNGs into 3
Generate React Icon Component from SVG icons to show, resize and recolor them.
React SVG Icon Generator Generate React Icon Component from SVG icons to show, resize and recolor them. We have prepared live demo for you at React SV
A set of React components implementing flexboxgrid with the power of CSS Modules.
react-flexbox-grid react-flexbox-grid is a set of React components that implement flexboxgrid.css. It even has an optional support for CSS Modules wit
Credit cards and other payment icons in React Native
react-native-payment-icons There wasn't a package for displaying credit cards and other payment methods icons in React Native. Wasn't! We use SVGs tha
Iconify is the most versatile icon framework.
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!
Animated sidebar using react , react icon
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 set of d3 based visualization components built for React
diffract A set of d3 based visualization components with cool animations built for React Installation Diffract is available via npm and can be used al
Basic React component for star (or any other icon based) rating elements
react-star-rating-component Tiny React.js component for star (or any other icon based) ratings. Install npm install react-star-rating-component --save
A set of useful components for common UI elements.
DEPRECATION NOTICE This repository has been deprecated in favor of: https://github.com/trufflesuite/drizzle drizzle-react-components A set of useful c
🗺 Mandelbrot set and Julia set explorer made with React and WebGL
Mandelbrot Maps Mandelbrot Maps is an interactive fractal explorer built using React and WebGL.
An svg icon from clipboard.js site assets, packaged as a React stateless component
react-clipboard-icon is an svg icon from clipboard.js site assets, packaged as a React stateless component Installation | Usage | Development | Licens
React component for font awesome
react-icon React component for font awesome Installation npm install sitb-react-icon Usage Dependencies Depend on the style of the font-awesome libra
React FontIconPicker Component to pick icon or SVG from a selection.
React FontIconPicker Component A react version of fontIconPicker. This is rewritten and is not a wrapper around jQuery version. With FontIconPicker co
React icon component for Geomicons Open
react-geomicons React icon component for Geomicons Open View Demo Getting Started npm install --save react-geomicons var React = require('react'); var
Accessible SVG icon component for React
react-svg-icon Accessible SVG icon component for React. Check out the online demo! Usage npm install --save react-svg-icon import Icon from 'react-svg
📦 This package provides the Simple Icons packaged as a set of React components.
react-simple-icons This package provides a React component for simple-icons. Installation Install the package in your project directory with: // with
🌈 React component for Iconly icons
🌈 React Iconly Icons React component for Iconly icons react-iconly is a collection of simply beautiful open source icons for React.js. Each icon is d
57 SVG icons for CRUD applications, packaged as a React component with light & dark themes and tooltip.
React-CRUD-Icons · React-CRUD-Icons is a set of SVG icons for CRUD (Create, Read, Update, Delete) apps, implemented as a React component with light &
Akar icons library as React components.
akar-icons A perfectly rounded icon library made for designers, developers, and pretty much everyone. Explore all of our icons at akaricons.com. Get S
Transform SVG to React Chakra UI Icon / ✨
Transform SVG to React Chakra UI ✨ from SVG file to CODE Features Transform SVG/ to Chakra-UI Icon Component or Functional createIcon(...). Icon /
Free “do wtf you want with” pixel-perfect icons.
Iconic is a free “do wtf you want with” set of pixel-perfect icons. Available as basic SVG icons and via first-party React and Vue libraries. Browse a
A set of React components and hooks used to build pages on Wakanda's apps
Wakanda UIkit is a set of React components and hooks used to build pages on Wakanda's apps. It also contains a theme file for dark and light mode.
🌠A tiny react library that can be used to create a frosted glass icon effect.
🌠 react-icon-blur a tiny react library that can be used to create frosted glass effect of icons. Preview How to use Installation npm i react-icon-blu
Starter using Vite + React + TypeScript + Tailwind CSS. And already set up Firebase(v9), Prettier and ESLint.
⚡ vite-react-ts-tailwind-starter Starter using Vite + React + TypeScript + Tailwind with Firebase. Motivation Improve building your faster prototyping
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
downshift 🏎 Primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. Read the docs | See
Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps.
🥞 Pancake UIkit Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark an
🃏 RNN Screens - a set of methods to help build initial screens for RNN without hassle. Includes screens registration and predictable navigation between them.
Purpose of RNN Screens is to simplify and accelerate the process of React Native App development with React Native Navigation. It is not a replacement
Set of enhancements for react input control
This project was originally thought to be an experiment and currently is unmaintained (and buggy) Use it at your own risk react-input-enhancements Set
A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Headless UI A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. Documentation For full
A flexible icon family for React Native
phosphor-react-native Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. Explore all our icons at phosphor
React Forms library provides a set of tools for React to handle form rendering and validation.
React Forms React Forms library provides a set of tools for React to handle form rendering and validation. Table of Contents Installation Usage Valida
Example Storefront Component Library: A set of React components for the Example Storefront
Reaction Storefront Component Library This is a single project with a package of React components for the Example Storefront: @reactioncommerce/compon
A set of react UI components used to create payment forms in Flywire
Flycomponents Flycomponents is a set of react UI components used to create payment forms in Flywire. Installation Add the dependency to your package.j
Iconsax is Perfectly balanced, 24px grid-based open source icons for React Native, Perfect for buttons, logos and nav/tab bars.
Iconsax is Perfectly balanced, 24px grid-based open source icons for React Native, Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project.
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list Examples available here: http://claude
A set of table factory decorators to easily implement table components inside user projects.
react-table-factory A set of table factory decorators to easily implement table components inside user projects. Demo table HoC A HoC to implement tab
Kilvin is a set of universal & primitive Layout Components for React.
Kilvin is a set of universal & primitive Layout Components for React.
🎉A basic react admin template with vite2 & ant4 UI & axios & svg-icon& permission control & lint
🎉 ts version of react-admin-template
A set of React Query hooks integrating with Firebase.
React Query Firebase provides a set of easy to use hooks for common Firebase usecases. Each hook wraps around React Query, allowing to easily integrate the hooks into a new or existing project, whilst enjoying the powerful benefits React Query offers.
Standard set of easy to use animations and declarative transitions for React Native
react-native-animatable Declarative transitions and animations for React Native Installation $ npm install react-native-animatable --save Usage To ani
Standard set of easy to use animations and declarative transitions for React Native
Standard set of easy to use animations and declarative transitions for React Native
A set of classes and react components to make work your react-native app in a browser. (with some limitations obviously)
React Native for Web A set of classes and react components to make work your react-native app in a browser. (with some limitations obviously) GitHub r
React project - fetching questions and answers based on a set-up form
HTML CSS & React - Quiz fetched from API based on set-up form
A set of React hooks for React Native Navigation.
React Native Navigation Hooks A set of React hooks for React Native Navigation docs. Quick Links Documentation Changelog Stack Overflow Installation F
A pack of more than 480 beautifully crafted Open Source icons. SVG, Sketch, Web Font and Animations support.
Eva Icons Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. Additionally, Eva Icons supports 4
Customizable set of components for React Native applications
Shoutem UI Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. All of our c
React Weather App - A simple weather app that allows you to get current weather information
React Weather App - A simple weather app that allows you to get current weather information
A React component that can virtualise lists and any set of children.
A list virtualiser that can create virtual rows out of arrays or a total count, or virtualise an arbitrary set of React components.
🌈 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
Mafs is a set of opinionated React components for creating math visualizations.
React components for math visualization.
Phosphor is a flexible icon family for interfaces, diagrams, presentations
A flexible icon family for React
react-awesome-button is a performant, extendable, highly customisable, production ready React Component that renders an animated set of 3D UI buttons.
react-awesome-button is a performant, extendable, highly customisable, production ready React Component that renders an animated set of 3D UI buttons. Bundled together with a social share and progress enabled components.
👷♂️ Simple set of CLIs to scaffold and build React Native libraries for different targets
👷♂️ Simple set of CLIs to scaffold and build React Native libraries for different targets
🍃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 set of components using React Aria and Tailwind
React Aria Tailwind A set of components using React Aria and Tailwind. Very early WIP. Why? React Aria is a low level library of React Hooks that help
rlayers is an opinionated set of React components for OpenLayers.
rlayers is an opinionated set of React components for OpenLayers.
A simple rating library for react native supporting: decimal points, direction aware icons, custom icon set from Ionicons, custom images and record rating given by users.
React Native Rating Element A simple rating library for react native supporting: a11y ready ⚛️ decimal points like 3.7, 4.2 etc, direction aware icons
With React-Icomoon you can easily use the icons you have selected or created in icomoon.
React-IcoMoon 📦 Zero Dependencies With React-Icomoon you can easily use the icons you have selected or created in icomoon. Demo Install npm install r
A complete set up of the React application with Typescript, Webpack 5, Babel v7, SSR, Code Splitting and HMR.
A complete set up of the React application with Typescript, Webpack 5, Babel v7, SSR, Code Splitting and HMR.
Set up a modern web app by running one command.
Create React App Create React apps with no build configuration. Creating an App – How to create a new app. User Guide – How to develop apps bootstrapp
A set of tools to facilitate react-redux development and decouple logic from compontents
react-redux-api-tools This project provides a middleware and a request helper to streamline react-redux data fetching. Installing Just run npm install
:computer: :dash: Make your component visible with animations and a set of rules or simple props
Make your component visible with animations and a set of rules or simple props Content Installation Display content with simple props Display content
React Native button component. Awesome Button is a 3D at 60fps, progress enabled, social ready, extendable, production ready component that renders an awesome animated set of UI buttons. 📱
React Native AwesomeButton / react-native-really-awesome-button is a performant, extendable, production ready React Native component that renders an
A React Native component for generating and displaying interactive star ratings
React Native Star Rating Component A React Native component for generating and displaying interactive star ratings. Compatible with both iOS and Andro
Listen to device orientation changes in react-native and set preferred orientation on screen to screen basis.
React Native Orientation Listen to device orientation changes in React Native applications and programmatically set preferred orientation on a per scr
Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.
React Native Textinput Effects I've come across with those beautiful text inputs created and blogged by Codrops and wanted to port them to react-nativ