374 Components & Libraries
React ant-design Libraries
⚛ devChallenges Airbnb clone made with React and MUI
Windbnb · devChallenges Airbnb clone Solution for a challenge from Devchallenges.io. Demo | Solution | Challenge Table of Contents Table of Contents O
A react component for displaying images adapted to Ionic design
Ionic React Photo Viewer Table of Contents Demo Features Installation Use example Props Demo A react component for displaying images adapted to Ionic
Amazing Web3 Front End Design using React + CSS and Bootstrap.
🤩🥳This repo contains all the files to follow along and implement the Amazing Web3 Front End Design using React + CSS and Bootstrap.
dApps boilerplate build with React, Web3JS, Redux, and MaterialUI for a better UI Design
React Redux MUI Boilerplate for dApps This project is a React boilerplate that can be used for a scalable web applications, integrated with Web3JS lib
Material design admin powerd by React
react-material-admin Material design admin powerd by React Demo technologies Material-ui React Redux's futuristic Flux implementation Immutable Expres
Code demo from "Building Design Systems With React" talk
React Button This repository is the code demo from my "Building Design Systems With React" talk I will give at ReactJS Girls London. I will link the d
A react-native component library that implements the Fluent Design System.
FluentUI React Native FluentUI React Native is a javascript component library that provides developers with controls that are part of the Fluent Desig
Fluent Blocks makes it easy to use Fluent & UI Kit designs in app development.
Fluent Blocks makes it easy to use Fluent & UI Kit designs in app development. This repository provides a set of packages developers can use to build
A React toolkit for geospatial visualization based on L7.
A React toolkit for geospatial visualization based on L7.
🙏 Implement any design system in React
Honorable 🙏 Implement any design system in React Website Documentation Storybook Motivation Built with speed and developer experience in mind, Honora
GoSocial Landing Page Clone made with React and CSS.
GoSocial Landing Page Clone GoSocial is an app for creators that enables them to build an engaged community and monetize their expertise. On GoSocial,
Sistema em ReactJs usando Hooks, Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles
4Dev React - Enquetes para Programadores Link para o curso completo Essa sistema faz parte do treinamento do professor Rodrigo Manguinho (Mango) na Ud
SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)
SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)
Toast-notify: IOS Phone notification designed popup for React Component
IOS Phone notification designed popup for React Component
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.
Trek and Travel - React based web application modelled on a similar design to AirBnB
React based web application modelled on a similar design to AirBnB. Created with Context API, React Routing for snappy and responsive pages and links. Uses modern Material UI and CSS3 with HTML5 and fully hosted live on Firebase.
Mathemagician is a web app 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.
"Mathemagician" is a web app 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.
dApp Starter Kit is flexible production grade Web3 boilerplate with Next.js, React, Material Design and Typescript
dApp Starter Kit is flexible production grade Web3 boilerplate with Next.js 12, React.js, Material-UI, Typescript and web3-react (beta).
A simple and device responsive book buying store website with Tailwind and React.
Book Lovers Store with React This project was bootstrapped with Create React App. Live Site Link Click here to see the live site: https://book-lovers-
Materio - Free MUI React NextJS Admin Template
Materio is the Most Powerful & Comprehensive free Next.js React admin template based on MUI !! 🚀
A React-based UI Component Library
A React UI Component Library, powered by loplat Frontend Team.
boilerplate: design system for react
boilerplate: design system for react features react vanilla-extract vitebook Getting started fork or download this repository update package.json for
AnyVision React components library
AnyVision collection of React components. Our Storybook 🎉 Install npm install @anyvision/anv-ui-components Usage import index.css once to your projec
Material-tailwind - An easy-to-use components library for Tailwind CSS and Material Design
Material-tailwind - An easy-to-use components library for Tailwind CSS and Material Design
Michal-25-01-2022 - Trading Application with embedded Order Book with responsive design
Description Trading Application with embedded Order Book with responsive design.
React Pluto Component Design System + UI Kit
React Pluto Component Design System + UI Kit A package of small but beautiful React components from the planet Pluto. To install the latest version, r
Resturant Management System backend was provided by Client so we did front end using ANT Design, Bootstrap and other Libraries of ReactJs
Resturant Management System backend was provided by Client so we did front end using ANT Design, Bootstrap and other Libraries of ReactJs
Tesla Clone created with ReactJs + React-router + Firebase + Redux
A Responsive real-like Tesla Clone created with ReactJs,React-router, Firebase for authentication, Redux for state management, AOS, Styled-components and Material-UI.
Gatsby-typescript-testing - A project with React GatsbyJS and TypeScript with Testing using Atomic Design
🚀 Inicio Rápido Clona el repositorio. Una vez creado el repositorio procede a i
Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base.
Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base.
A shared set of UI Components using React and CSS Modules🤜🤛
Buffer Components A shared set of UI Components using React and CSS Modules
🔭 Auth0 Design System
Cosmos A Design System For Auth0 Products. What is a design system? “A set of shared and integrated principles and patterns that define the overall de
React implementation for Froala Design Blocks.
React Froala Design Blocks Over 170 responsive design blocks ready to be used in your web or mobile apps. All blocks are based on the Bootstrap Librar
Library of reusable web frontend components for Fyndiq
fyndiq-ui Library of reusable components for Fyndiq Usage Install one of the provided packages (see list below) in your React project: npm i -S fyndiq
Upschool-beerpong - Search/Filter beer for beerpong, built with react.js
Beer for Beerpong 🍺 You can search beer to play beer pong 🍻 🏓 You sink it, th
Hack Club's (old) design system
Hack Club Design System https://design.hackclub.com/ yarn add @hackclub/design-system This project is heavily inspired by Priceline.com’s design syste
Instructure UI is an open source UI framework and design system for React
Instructure UI is an open source UI framework and design system for React. Its components are used by millions of learners every day when they use Instructure products like Canvas LMS.
A repository for design resources at MongoDB
MongoDB Design System What is this? The MongoDB Design System contains the UI building blocks that make up the user experience across all MongoDB prod
The PatternFly Design Kit is a Sketch library used for creating PatternFly accurate design mockups
PatternFly Design Kit The PatternFly Design Kit is a collection of Sketch assets that make it easy for designers to create high-fidelity design mockup
Plasma is a design system for creating sensible, modern interfaces
PLASMA by WeWork Plasma is a design system for creating sensible, modern interfaces.
The UI building blocks for creating a cohesive design across Pluralsight products.
Pluralsight Design System Light WIP -- 50% less fat! Check it out design-system.pluralsight.com Get involved Use it in your app Find ways to contribut
React material design - An accessible React component library built from the Material Design guidelines in Sass
React material design - An accessible React component library built from the Material Design guidelines in Sass
The Instacart Component Library
Snacks JavaScript Component Library by Instacart Please note: We're still in pre-release stage. If you opt to use Snacks, please be prepared for break
Spark Design System
Spark Design System Welcome to the Spark Design System, a product of Rocket Mortgage. Spark Design System is where we collect our best solutions for h
The VTEX Design System and React component library.
Styleguide VTEX Styleguide React components (Docs) Usage Developing Setup Running Developing using npm link Publishing Docs Usage For instructions on
React Component that implement JD App Design
React Component that implement JD App Design 🇨🇳 访问中文版 Features 50+ Reusable components Extensive documentation and demos Support babel-plugin-import
💅 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
Collect JS Frameworks, Web components library and Admin Template.
Awesome UIKit Collect JS Frameworks, Web components library and Admin Template. Contents Frameworks The Big Three Historically Significant Notable Mob
Ant Design for React Native
English | 简体中文 Ant Design Mobile RN A configurable Mobile UI specification and React-based implementation. If you only care about the style you may gi
React Native UI Components for Material Design
This library is no longer maintained. As an alternative we highly recommend checking out React Native Paper by the awesome folks over at @callstack. ✨
Help Scout Design System (HSDS) — React Component Library
HSDS: React React components for Help Scout's Design System Live Demo Check out HSDS's Storybook: https://hsds.helpscout.com/. Install npm install @he
🦍 A configurable component library for web built on React.
English | 简体中文 An enterprise-class UI solution for backend system, aimed at settling the problems like cooperation between designers and front-develop
An implementation of the GOV.UK Design System in React using CSSinJS
govuk-react An implementation of the GOV.UK Design System in React using CSSinJS using Object notation (with styled-components). We aim to track the f
HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.
HIUI English | 中文 HIUI is a solution that is adequate for the formulation and implementation of interaction and UI design standard for front, middle a
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
MUI Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React appli
A prototype for a foundational design system at Shopify
Shopify Design Foundations About this repo | Projects | How to use this repo | Technical details | Contribute to our explorations | Resources About th
🐝 一套基于 react.js 和 iuap design 设计语言实现的前端组件库
tinper-bee tinper-bee是一套基于 React.js 的开源组件库，它从丰富的企业级中后台应用场景中实战沉淀而来，为复杂应用的快速开发提供一致性 UI 解决方案。 关键特性 遵循设计语言/规范，提供一致性 UI 体验 提供完善、高质量的基础组件体系，以及基于之上的业务
A themable React component library！Flexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it!
Yoshino Flexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it! English | 🇨🇳 简体中文 📄 Docs Docs ?
daka-v8-ui view library
mCloud-Design-Mobile daka-v8-ui view library 集成方式 npm install mcloud-mobile react-native link API:https://troila-mobile.github.io/mCloud-Design-Mobil
Storybook environment for React components production boosted with TypeScript & styled by Material-UI with styledComponents as final makeup 😁
Material-UI Storybook Components for React React.js components made with TypeScript with on Material-UI look-like using Storybook. The problem @Materi
基于react + redux + immutable + less + ES6/7 + webpack2.0 + fetch + react-router + antd实现的SPA后台管理系统模板
react-antd(新版后台很快就与大家见面了) 相关推荐 基于vue + vuex + less + ES6/7 + webpack + fetch + vue-router + store + element-ui实现的SPA后台管理系统模板 Redux源码解析-Redux的架构 Immuta
用React和Ant Design搭建的一个通用管理后台
React通用后台 目标是快速搭建一个可用的后台界面，可以先看下DEMO(普通) / DEMO(TAB模式)，用户名/密码：guest/guest。友情提示：这个DEMO还是有点大的，加载可能稍慢，注意网速。。。 也可以点击这里查看截图，包含一些主要特性的演示。 如果对React或Ant Desig
A frontend framework for building admin SPAs on top of REST services, using React and Material Design.
admin-on-rest A frontend Framework for building admin applications running in the browser on top of REST services, using ES6, React and Material Desig
An excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
AntD Admin An excellent front-end solution for enterprise applications. Preview - https://antd-admin.zuiidea.com Documentation - https://doc.antd-admi
Animation specification and components of Ant Design.
Ant Motion Animation specification and components of Ant Design. 中文 README | 国内镜像 What is Ant Motion? Ant Motion is a motion design specification from
Element React
Element React Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React commun
💰Expense tracker using Google Sheets 📉 as a storage written in React
💰 Expenses is a progressive web application on top of Google Sheets 📉 written in React ⚛️ . It is only a static HTML that works great on mobile 📱 a
SumUp's component library for the web
Circuit UI Web is the web implementation of the SumUp Circuit Design System. Our primary goal is to create a system that can be used to build a wide v
Responsive and accessible React UI components built with Typescript
Features Beautiful, generic components that you can make your own. Highly responsive. Sancho takes mobile seriously, with built in support for gesture
React components that implement Rimble's Design System.
rimble-ui Rimble Design System's react component library. Rimble is a project from ConsenSys Design, aiming to provide adaptable components and design
Generate a WCAG compliant color theme from any image
image-palette Dynamically generate accessible color palettes from images Implement adaptive UIs dynamically from any image in right in the browser. Ev
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems
DORAI UI Accessible, unstyled, open-sourced and fully functional react component library for building design systems Documentation site coming soon Fe
React components implementing the Material Design specification
✨ Demo Site: live component demos, code samples & more. ✨ material-react-components This is a collection of React components that implement Google's m
Arco-design-pro - An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design
Arco Design Pro An out-of-the-box solution to quickly build enterprise-level app
👨💻 A component that renders a terminal
Terminal in React A component that renders a terminal Table of contents Install Usage Working Plugins Features Customization API reference Built-in co
Material design search bar
Material Search Bar See this component in action Installation npm i --save material-ui-search-bar Note: If you're still using Material-UI v3, please i
React table components
React table components React components for creating tables with specific controls Demo: (https://votsa.github.io/react-table-components/) Installatio
Material-ui-rating - Rate something with style.
Material-UI Rating Installation Stable channel npm install [email protected] Usage import Rating from 'material-ui-rating' Rating value={3}
Poem-ui - Simple and customizable React UI components.
poem-ui Simple and customizable React UI components. Some components use third-party plug-ins to improve the interaction. You can remove third-party p
React-pullrefresh - Pull to refresh react component.
react-pullrefresh Pull to reflesh material design component. react-native is supported. Demo https://yusukeshibata.github.io/react-pullrefresh/ Instal
Free and Open Source UI Kit for Tailwind CSS and React based on Google's Material Design.
Material Tailwind Kit React Material Tailwind Kit React is a free and open-source UI Kit based on two popular front-end technologies: Tailwind CSS & R
Shards-dashboard-react - ⚛️A free and beautiful React admin dashboard template pack.
Shards Dashboard React A free React admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note
Ionic-framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Ionic Ionic is an open source app development toolkit for building modern, fast, top-quality cross-platform native and Progressive Web Apps from a sin
Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.
InventoryApp This project was generated with Angular CLI version 13.0.1. Development server Run ng serve for a dev server. Navigate to http://localhos
A simple Covid 19 dashboard analytics visualization developed with React and Ant Design
A simple Covid 19 dashboard analytics visualization developed with React and Ant Design
React-responsive - CSS media queries in react - for responsive design, and more.
react-responsive Information Package react-responsive Description Media queries in react for responsive design Browser Version = IE6* Demo The best s
Aksara-ui - Aksara Design System, from Kata.ai.
aksara /ak·sa·ra/ noun is a system of visual symbol, usually stamped on paper or other media (stone, wood, leaf, and fabric), to express thoughts and
Neumorphism - 🎉 Generate CSS for your Neumorphism/Soft UI design
Neumorphism.io CSS code generator for a new popular design trend called Neumorphism/Soft UI. I hope this will help designers and developers experiment
Helsinki-design-system - Components, principles, documentation and templates for the City of Helsinki design system.
Helsinki Design System Design System for the City of Helsinki Helsinki Design System (HDS) is an open-source design system built by the City of Helsin
React-native-magnus - A Utility-First React Native UI Framework 🚀🧩
Magnus UI A Utility-First React Native UI Framework Build UI in React Native, without the tears Text fontSize="md" color="pink500" Magnus UI 🚀 /
Auth-Form-Design - Beautiful Auth Form Designed using React 🥰
Auth-Form-Design - Beautiful Auth Form Designed using React 🥰. Implemented Password Strength Checker with Password Suggestion and designed with the principle of mobile-first design. 🥰
📚 A library of components based on the concept of neumorphism
neumorphic-ui A library of components based on the concept of neumorphism Install npm install --save neumorphic-ui Usage Components NeuButton NeuCard
Themeable design system for the SEEK Group
Themeable design system for the SEEK Group. Setup This guide is currently optimised for usage with sku, since it's configured to support Braid out of
The independent, comprehensive directory of filter and host lists for advertisements, trackers, malware, and annoyances.
FilterLists is the independent, comprehensive directory of filter and host lists for advertisements, trackers, malware, and annoyances. Table of Conte
⬢ Style props for rapid UI development
Styled System Responsive, theme-based style props for building design systems with React https://styled-system.com npm i styled-system Features Add st
Restaurant App 🍔 is a sample open-source e-Commerce 🛒 application for ordering foods, powered by polyglot microservices architecture and cross-platform development including mobile and web
Restaurant App if you have any questions, don't hesitate to ask @jurabek0 on twitter. Restaurant App is containerized polyglot microservices applicati
This is a functional front-end project not a front-end design project. How to implement logic in react js project It's has been shown in this project.
Expense Tracker App react React is a JavaScript library for creating user interfaces. The react package contains only the functionality necessary to d
Backpack Design System
Backpack Design System Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner's products. Quick link
📱⌨ React Components that Implement Microsoft's UWP Design & Fluent Design.
react-uwp React Components that Implement Microsoft's UWP Design & Fluent Design System. Online Documentation Visit react-uwp.com online to review the
SumUp's component library for the web
Circuit UI Web is the web implementation of the SumUp Circuit Design System. Our primary goal is to create a system that can be used to build a wide v