419 Repositories
JavaScript material-components Libraries
A Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality!!
Amazon Clone with ReactJS A small web app that tries to imitate the desktop web version of amazon site, you can add items to the basket, delete them,
A Google Clone which built with ReactJS. You can click the demo and search whatever you want!
Google Clone with ReactJS A small web app that imitate the desktop web version of google site, you can search whatever you want. Google Clone Demo Lin
Automatically detect and import components or modules
vite-plugin-autoimport Automatically detect and import components or modules. Motivation It's very common to have many components in one file as the p
BookAttic is an online bookstore made using the MERN stack.
BookAttic is an online bookstore made using the MERN stack. Link to the website. Table of contents General info Technologies Setup General info This p
Build modular projects with components in harmony.
Bit Bit is a tool for composing modern applications of independent components. It extends the benefits of micro-services to everything you build, fron
This is a facebook messenger clone.You can comminicate to other at realtime
๐ก facebook-messenger This is a facebook messenger clone.You can comminicate to other at realtime ๐ฌ โก LIVE To check out the live demo of this app ABO
Compose complex, data-driven visualizations from reusable charts and components with d3
d3.compose Compose rich, data-bound charts from charts (like Lines and Bars) and components (like Axis, Title, and Legend) with d3 and d3.chart. Advan
Cross-platform project template using Electron and Angular with the Phaser game engine. Project has Flexbox integrated for easy and responsive organization of components around the Phaser canvas.
Coher3nTS Project This is an Angular project template with Phaser nested inside, set up to run with Electron. Cross-Platform & Responsive The template
Catberry is an isomorphic framework for building universal front-end apps using components, Flux architecture and progressive rendering.
Catberry What the cat is that? Catberry was developed to help create "isomorphic/Universal" Web applications. Long story short, isomorphic/universal a
The React Framework
Next.js Getting Started Visit https://nextjs.org/learn to get started with Next.js. Documentation Visit https://nextjs.org/docs to view the full docum
700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
โ๏ธ Add a live frosted glass blur effect over any type of web content, including text.
Frosted Glass โ๏ธ Add a live frosted glass blur effect over any type of web content, including text. ๏ธ๏ธ Demos Install npm install frosted-glass --save
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
Pure CSS ripple effect (no JavaScript) CSS-only implementation of Android Material design "ripple" animation on click event Main advantage of this sol
Material Design Based One Page HTML Template
Material Design One Page HTML Template MD One page template is fully responsive and free to use. This HTML template is based on Materialize, a CSS Fra
๐ Here I've aggregated some of the most commonly used web-page templates made using Bootstrap4 ๐
Web-page component templates using bootstrap4 Here are some of the most common web-page templates made using bootstrap4 Login page Create-Account or S
Startup Landing Page Components for React.js
neal-react neal-react is a collection of reactjs components to quickly build landing pages. I found that using hosted services like Launchrock doesn't
Vuejs 2 components for interacting with mapbox-gl-js
VueMapbox Combine powers of Vue.js and Mapbox Gl JS Vue-mapbox is wrapper around Mapbox GL JS library that provides vueish-way to interact with the ma
Vue 2 components for Leaflet maps
Vue2Leaflet Vue2Leaflet is a JavaScript library for the Vue framework that wraps Leaflet making it easy to create reactive maps. How to install npm in
React components for Leaflet maps
React Leaflet React components for Leaflet maps. Documentation Getting started API reference Changes See the CHANGELOG file. Contributing See the CONT
๐๐ A readable, automated, and optimized (5 kb) internationalization for JavaScript
Linguijs ๐ ๐ A readable, automated, and optimized (5 kb) internationalization for JavaScript Documentation ยท Documentation 2.x ยท Quickstart ยท Exampl
A built-time CSS library for styling React components.
Stylin Stylin is a build-time CSS library that offers an elegant way to style React components. It extends CSS Modules and adds some missing features
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐ Looking for v5? The master branch is un
JSS is an authoring tool for CSS which uses JavaScript as a host language.
JSS A lib for generating Style Sheets with JavaScript. For documentation see our docs. Backers Support us with a monthly donation and help us continue
[ON HOLD] Living Style Guides Engine and Maintenance Environment for Front-end Components. Core repository.
[ON HOLD] SourceJS - Living Style Guide Platform The project been stale for a while and currently is in the [ON HOLD] state until we find new maintain
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Fluent UI Web ๐ ๐ ๐ Version 8 of @fluentui/react is now available on npm! ๐ ๐ ๐ See the release notes for more info, and please file an issue if
A web video player built for the HTML5 world using React library.
video-react Video.React is a web video player built from the ground up for an HTML5 world using React library. Installation Install video-react and pe
The epic event-driven, front-end only, reactive JavaScript framework with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reactive variables, single-page application routing, and lots more. Could CSS be the JavaScript framework of the future?
Active CSS Power-up your CSS with actions! Is the CSS of the future a full-on programming language? Active CSS is a JavaScript plugin that adds event-
Materialize, a CSS Framework based on Material Design
MaterializeCSS Materialize, a CSS Framework based on material design. -- Browse the docs -- Table of Contents Quickstart Documentation Supported Brows
Semantic is a UI component framework based around useful principles from natural language.
Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil
Lightweight UI components for Vue.js based on Bulma
Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. Features Keep your current Bulma theme / va
Quasar Framework - Build high-performance VueJS user interfaces in record time
Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid
๐ Material Component Framework for Vue
Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t
Plain functions for a more functional Deku approach to creating stateless React components, with functional goodies such as compose, memoize, etc... for free.
"Keo" is the Vietnamese translation for glue. Plain functions for a more functional Deku approach to creating stateless React components, with functio
A collection of awesome derby components
Awesome Derby ============= A collection of awesome derby components Awesome Derby Information Components Information derby - MVC framework making it
โ๏ธ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Fast 3kB alternative to React with the same modern API. All the power of Virtual DOM components, without the overhead: Familiar React API & patterns:
A declarative, HTML-based language that makes building web apps fun
A declarative, HTML-based language that makes building web apps fun ๐ฅ Docs โ Try Online โ Contribute โ Get Support Intro Marko is HTML re-imagined as
Material Progress โGoogle Material Design Progress linear bar. By using CSS3 and vanilla JavaScript.
MProgress.js Google Material Design Progress Linear bar. It uses CSS3 and vanilla JavaScript which doesn't depend on any other libraries. Types and pr
Beautiful JavaScript notifications with Web Notifications support.
v4: v5: A JavaScript/TypeScript notification, confirmation, and prompt library. Notifications can display as toast style, snackbar style, banners, dia
๐ DataFormsJS ๐ A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
๐ Welcome to DataFormsJS! Thanks for visiting! ๐ ๐ ๐ ๐ ๐ ๐ ไธญๆ (็ฎไฝ) ๆฌข่ฟๆฅๅฐ DataFormsJS Espaรฑol Bienvenido a DataFormsJS Portuguรชs (do Brasil) Bem
Components for interactive scientific writing, reactive documents and explorable explanations.
@curvenote/article The goal of @curvenote/article is to provide web-components for interactive scientific writing, reactive documents and explorable e
Click effect inspired by Google's Material Design
Waves Click effect inspired by Google's Material Design http://fian.my.id/Waves/ Documentation Waves uses Situs to generate documentation. Here are so
A jQuery plugin that recreates the Material Design pre-loader (as seen on inbox).
Material Design Preloader!s A jQuery plugin that recreates the Material Design preloader (as seen on inbox). I was fascinated when I first saw the pre
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
Start your next react project in seconds A highly scalable, offline-first foundation with the best DX and a focus on performance and best practices Cr
jSuites is a collection of lightweight common required javascript web components. It is composed of fully responsive vanilla plugins to help you bring the best user experience to your projects, independent of the platform. Same JS codebase across different platforms.
jSuites v4 - Webcomponents and JavaScript plugins. About jSuites is a collection of lightweight common required javascript web components. It is compo
๐ 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
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver
Created from react styleguidist for Vue Components with a living style guide
Isolated Vue component development environment with a living style guide Start documenting now on codesandbox.io Sponsors A big thank you to our spons
:fire::fire::fire: ๅผบๅคง็ๅจๆ่กจๅ็ๆๅจ|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON.
form-create form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions thr
Manage HTML metadata in Vue.js components with SSR support
โ๏ธ ๐ฅ Check the next branch for Vue3 support Manage HTML metadata in Vue.js components with SSR support template ... /template script expor
A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.
Keen UI Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't
New Framework Components for Vue.js 2
Supporting through Patreon Vuesax is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this
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. Packages Name Version D
Free and Beautiful Vue.js Admin Template
Weโre working on Vuestic UI component library, which lets you easily customize components to your own design. Get early access and receive support fro
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We
Lightweight UI components for Vue.js based on Bulma
Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. Features Keep your current Bulma theme / va
:large_orange_diamond: A fantastic mobile ui lib implement by Vue
cube-ui A fantastic mobile ui lib implement by Vue. Links Home Docs Example Application Guide Communication New cube-ui project ? Recommend use the CL
Material design for Vue.js
Material Design for Vue.js Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs Build well-designed app
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl
๐ An enterprise-class UI components based on Ant Design and Vue. ๐
Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | ็ฎไฝไธญๆ Features An enterprise-class UI design system for desktop
Mobile UI elements for Vue.js
Mint UI Mobile UI elements for Vue 2.0 Homepage Documentation Installation npm i mint-ui -S # for Vue 1.x npm i mint-ui@1 -S Usage Import all compone
Lightweight Mobile UI Components built on Vue
Vant Mobile UI Components built on Vue ๐ฅ ๆๆกฃ็ฝ็ซ๏ผๅฝๅ ๏ผ ๐ ๆๆกฃ็ฝ็ซ๏ผGitHub๏ผ ๐จ๐ณ ไธญๆ็ไป็ป Features 65+ Reusable components 1kb Component average size (min+gzip) 9
Mobile UI Components based on Vue & WeUI
Be Cool with Vue@^2.3.0 and WeUI. Live Demo Sponsors ๆไปฌ็ไบงๅ Requirements ๆๆช้้ [email protected]๏ผ่ฏทๆณจๆใ vue@^2.3.0(for .sync modifier) webpack@^2.0 node@^7.6
Quasar Framework - Build high-performance VueJS user interfaces in record time
Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid
A high quality UI Toolkit built on Vue.js 2.0
iView A high quality UI Toolkit built on Vue.js. Docs 3.x | 2.x | 1.x Features Dozens of useful and beautiful components. Friendly API. It's made for
๐ Material Component Framework for Vue
Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t
A Vue.js 2.0 UI Toolkit for Web
A Vue.js 2.0 UI Toolkit for Web. Element will stay with Vue 2.x For Vue 3.0, we recommend using Element Plus from the same team Links Homepage and doc
๐ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver
A React Component library implementing the Base design language
Base Web React Components Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. Us
Sandbox for developing and testing UI components in isolation
React Cosmos Sandbox for developing and testing UI components in isolation. Visual TDD. Develop one component at a time. Isolate the UI you're working
:atom_symbol: React primitive UI components built with styled-system.
Rebass React primitive UI components built with Styled System. https://rebassjs.org npm i rebass Getting Started import React from 'react' import { Bo
Transform SVGs into React components ๐ฆ
Transform SVGs into React components ๐ฆ Try it out online! Watch the talk at React Europe SVGR transforms SVG into ready to use components. It is part
Data Visualization Components
react-vis | Demos | Docs A COMPOSABLE VISUALIZATION SYSTEM Overview A collection of react components to render common data visualization charts, such
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Several libraries already exist for React d3 integr
A set of React components implementing Google's Material Design specification with the power of CSS Modules
React Toolbox is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integra
A collection of composable React components for building interactive data visualizations
an ecosystem of composable React components for building interactive data visualizations. Victory Contents Getting Started Victory Native API Document
React UI Components for macOS High Sierra and Windows 10
React UI Components for macOS High Sierra and Windows 10. npm install react-desktop --save Help wanted! I am looking for developers to help me develop
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 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
Simple React Bootstrap 4 components
reactstrap Stateless React Components for Bootstrap 4. Getting Started Follow the create-react-app instructions to get started and then follow the rea
React components for efficiently rendering large lists and tabular data
react-window React components for efficiently rendering large lists and tabular data React window works by only rendering part of a large data set (ju
๐ฒ Evergreen React UI Framework by Segment
Works out of the box. Evergreen contains a set of polished React components that work out of the box. Flexible & composable. Evergreen components are
โช SVG-Powered component to easily create skeleton loadings.
SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). Features โ๏ธ Customizable: Feel free to change the colors,
Tweak React components in real time. (Deprecated: use Fast Refresh instead.)
React Hot Loader Tweak React components in real time โ๏ธ โก๏ธ Watch Dan Abramov's talk on Hot Reloading with Time Travel. Moving towards next step React-
๐ฏ visx | visualization components
visx visx is a collection of reusable low-level visualization components. visx combines the power of d3 to generate your visualization with the benefi
A React utility belt for function components and higher-order components.
A Note from the Author (acdlite, Oct 25 2018): Hi! I created Recompose about three years ago. About a year after that, I joined the React team. Today,
:hourglass_flowing_sand: A higher order component for loading components with promises.
A higher order component for loading components with dynamic imports. Install yarn add react-loadable Example import Loadable from 'react-loadable'; i
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
react-admin A frontend Framework for building data-driven applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Materi
โก๏ธ Simple, Modular & Accessible UI Components for your React Applications
Build Accessible React Apps with Speed โก๏ธ Chakra UI provides a set of accessible, reusable, and composable React components that make it super easy to
A React-based UI toolkit for the web
Blueprint Blueprint is a React-based UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications
Bootstrap components built with React
React-Bootstrap Bootstrap 4 components built with React. Docs See the documentation with live editable examples and API documentation. To find the doc
JavaScript Testing utilities for React
Enzyme Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. You can also manipulate, traverse,
React components for efficiently rendering large lists and tabular data
React components for efficiently rendering large lists and tabular data. Check out the demo for some examples. Sponsors The following wonderful compan
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
Start your next react project in seconds A highly scalable, offline-first foundation with the best DX and a focus on performance and best practices Cr
๐ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
The React Framework
Next.js Getting Started Visit https://nextjs.org/learn to get started with Next.js. Documentation Visit https://nextjs.org/docs to view the full docum
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access
:zap: RAN! React . GraphQL . Next.js Toolkit :zap: - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...
RAN : React . GraphQL . Next.js Toolkit New version is coming... Follow up here: https://github.com/Sly777/ran/issues/677 Features Hot-Reload Ready fo
A Web Component compiler for building fast, reusable UI components and static site generated Progressive Web Apps
Stencil: A Compiler for Web Components and PWAs npm init stencil Stencil is a simple compiler for generating Web Components and static site generated