526 Repositories
JavaScript frontend-components Libraries
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
๐ 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
Blaze is a file sharing progressive web app built using WebTorrent and WebSockets
Blaze is a file sharing progressive web app(PWA) that allows users to transfer files between multiple devices. I
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-
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
๐๐ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
TOAST UI Editor v3 major update planning ๐ ๐ ๐ TOAST UI Editor is planning a v3 major update for 2021. You can see our detail RoadMap here! GFM Mar
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
The Backbone Framework
Marionette.js The Backbone Framework Marionette v5 Marionette is dropping its dependency on Backbone. That library is available here: https://github.c
โ๏ธ 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:
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Supporting Vue.js Vue.js is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome ba
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
Validate your forms, frontend, without writing a single line of javascript
Parsley JavaScript form validation, without actually writing a single line of JavaScript! Version 2.9.2 Doc See index.html and doc/ Requirements jQuer
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
: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
The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.
Vue Storefront - Headless PWA for any eCommerce Vue Storefront is a standalone PWA storefront for your eCommerce, possible to connect with any eCommer
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
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
Next generation frontend tooling. It's fast!
Vite โก Next Generation Frontend Tooling ๐ก Instant Server Start โก๏ธ Lightning Fast HMR ๐ ๏ธ Rich Features ๐ฆ Optimized Build ๐ฉ Universal Plugin Interfa
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
๐๐ A JavaScript calendar that has everything you need.
A JavaScript schedule calendar that is full featured. Now your service just got the customizable calendar. ๐ฉ Table of Contents Collect statistics on
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
React ยท React is a JavaScript library for building user interfaces. Declarative: React makes it painless to create interactive UIs. Design simple view
[Book] 2019 edition of our front-end development handbook
Front-End Developer Handbook 2019 Written by Cody Lindley Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end enginee
๐ฎ The only Front-End Performance Checklist that runs faster than the others
Front-End Performance Checklist ๐ฎ The only Front-End Performance Checklist that runs faster than the others. One simple rule: "Design and code with p
๐ The perfect Front-End Checklist for modern websites and meticulous developers
Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page
: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
:steam_locomotive::train: - sturdy 4kb frontend framework
Choo ๐ ๐ ๐ ๐ ๐ ๐ Fun functional programming A 4kb framework for creating sturdy frontend applications Website | Handbook | Ecosystem | Contribut