JavaScript UI

Open-source JavaScript projects categorized as UI | Edit details

Top 23 JavaScript UI Projects

  • GitHub repo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

    Project mention: Create A React Router App in 5 Minutes | dev.to | 2022-01-21

    React Router v6 Create-React-App React Node.js Npm VSCode Npx

  • GitHub repo Semantic UI

    Semantic is a UI component framework based around useful principles from natural language.

    Project mention: The world of Awesome CSS Frameworks | dev.to | 2022-01-11

    Semantic UI - 50K⭐ - Last update: October 2018

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo sortablejs

    Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

    Project mention: Simplest Drag and Drop setup in React, in 10 lines of code with SortableJS | dev.to | 2021-11-27

    I went to look for SortableJS, clicked on the demo, scrolled to the grid example which was doing exactly the simple stuff I was looking for.

  • GitHub repo Portainer

    Making Docker and Kubernetes management easy.

    Project mention: WebAssembly: The New Kubernetes? | news.ycombinator.com | 2022-01-21

    Seconding K3s being a good option, supports most distros and is easy to set up in minutes: https://k3s.io/

    If you'd like to use a management UI instead of just the CLI, Portainer is also a wonderfully lightweight option: https://www.portainer.io/ (and also supports Docker Swarm, if you'd like even more lightweight container orchestration)

    That said, in my eyes the biggest problem with Kubernetes is that some distros by default reserve resources and thus disallow overcommit, which is fine from a stability perspective, but doesn't really work for overcommit scenarios.

    For example, with Docker Swarm, it's exceedingly easy to say: "Okay, this PostgreSQL instance can use anywhere from 0 to 256 MB of RAM, but no more than that" and with 1 GB of RAM i could easily run 8 of those instances if the average usage was half or less of this maximum limit - a risk that i'd sometimes like to take, when i know that the limits in place are more along the lines of controls so that the whole OS doesn't run into OOM errors.

    Of course, if you mess around with the YAML, i guess that's doable on some level as well.

  • GitHub repo react-native-vector-icons

    Customizable Icons for React Native with support for image source and full styling.

    Project mention: New React Native Vector Icons Directory | reddit.com/r/reactnative | 2022-01-20

    Also thanks to oblador for making the library and the original directory, I use(d) it pretty much every day!

  • GitHub repo evergreen

    🌲 Evergreen React UI Framework by Segment

    Project mention: Is there any commonly used or standard used UI library in React? | reddit.com/r/reactjs | 2021-12-05

    From evergreen : https://evergreen.segment.com/ From uber : https://baseweb.design/

  • GitHub repo react-jsonschema-form

    A React component for building Web forms from JSON Schema.

    Project mention: Is there an automatic form generator for ReactJS ? | reddit.com/r/reactjs | 2021-08-18

    react-jsonschema-form also utilizes JSON Schema format but is not strictly bound to Bootstrap as jsonform looks to be(if I got it right).

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo reactstrap

    Simple React Bootstrap 5 components

    Project mention: Using Bootstrap in NextJS (No packages needed!) | dev.to | 2022-01-08

    Usually, you'll need to install third-party packages like react-bootstrap or reactstrap for you to fully get the benefits of Bootstrap components.

  • GitHub repo ungit

    The easiest way to use git. On any platform. Anywhere.

    Project mention: GitHub Desktop 2.9 includes squashing, reordering, amending, and more | news.ycombinator.com | 2021-06-17

    My favorite Git client by far is https://github.com/FredrikNoren/ungit. Its approach of modeling the entire commit history as a digraph is the way God (or at least Linus) intended Git to be used.

    Visualizing commits like that makes more interesting operations (e.g. cherry-picking, merging, rebasing, squashing) trivial to understand.

  • GitHub repo Dash

    A beautiful web dashboard for Linux

    Project mention: What software with web interface do you use? What can you recommend? (Gimmicky or useful software) | reddit.com/r/linux | 2021-09-20

    Linux Dash

  • GitHub repo bootstrap-select

    :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.

    Project mention: Adding Bootstrap 4 Searchable Dropdown in Google Apps Script | reddit.com/r/learnprogramming | 2021-03-05

    I tried following this guide, and added the cdn and js available here, but I cant seem to get it working in my Google Apps Script Webapp. All I am getting is a dropdown with no option to serach.

  • GitHub repo material-design-for-bootstrap

    Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

    Project mention: React for Bootstrap 5 - useful kit, #1 on ProductHunt | reddit.com/r/reactjs | 2021-05-11

    Also you claim on your homepage it is used by 2,000,000 developers which is a blatant lie. On github the material-design-for-bootstrap repo is used by 9,000 other repos, the React version will be significantly less.

  • GitHub repo AriaNg

    AriaNg, a modern web frontend making aria2 easier to use.

    Project mention: Github Apk Updater? | reddit.com/r/fossdroid | 2021-12-24

    if you use a rss reader,you can try [rsshub](rsshub.app/). for example,you can subscribe "https://github.com/mayswind/AriaNg/releases.atom" in your rss reader,when AriaNG is released,you will be noticed in your reader.

  • GitHub repo rebass

    :atom_symbol: React primitive UI components built with styled-system.

    Project mention: [Gatsby] - This was my first Gatsby project | reddit.com/r/reviewmycode | 2021-11-15

    There's absolutely nothing wrong with using CSS mixed with your components, but I would suggest (if you haven't already) looking into some alternatives, such as styled-components or Rebass. Not because one is "better" than the other, but it's something to add to your arsenal

  • GitHub repo Choo

    :steam_locomotive::train: - sturdy 4kb frontend framework

    Project mention: I noticed Choo hasn't had a commit for over a year. The other projects are being worked on by Choojs. Was it that they were happy with the state of Choo? | reddit.com/r/webdev | 2021-08-20
  • GitHub repo React95

    🌈🕹 Refreshed Windows 95 style UI components for your React app

    Project mention: WinBox - a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source | reddit.com/r/programming | 2021-10-17

    We've had React95 for a while.

  • GitHub repo Keen-UI

    A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.

    Project mention: An Overview of the Top 10 Vue UI Component Libraries in 2021 | dev.to | 2021-03-17

    it's open-sourced and has about 4k stars on Github.

  • GitHub repo lbry-desktop

    A browser and wallet for LBRY, the decentralized, user-controlled content marketplace.

    Project mention: What made you realise your girlfriend isn’t the one for you? | reddit.com/r/AskMen | 2022-01-20

    https://odysee.com/@QuantumRhino:9/Project-Veritas---Mark-Zuckerberg-Exposed---mRNA-Vaccines:9

  • GitHub repo teaset

    A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

  • GitHub repo Fomantic-UI

    Fomantic-UI is a community fork of Semantic-UI

    Project mention: Flask-FomanticUI - Flask extension to allow easy embedding of Fomantic UI CSS Framework. | dev.to | 2022-01-08

    Flask-FomanticUI is a collection of Jinja macros for Fomantic UI and Flask for the global style. Very similar to Bootstrap-Flask.

  • GitHub repo rangeslider.js

    🎚 HTML5 input range slider element polyfill

  • GitHub repo storefront-ui

    Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook. Made with 💚 by Vue Storefront team and contributors.

    Project mention: Do you know good opensource Vue3 projects to learn advanced vue concepts ? | reddit.com/r/vuejs | 2021-11-29
  • GitHub repo open-ui

    Maintain an open standard for UI and promote its adherence and adoption.

    Project mention: How I made Google’s data grid scroll 10x faster with one line of CSS | news.ycombinator.com | 2021-10-27
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-01-21.

JavaScript UI related posts

Index

What are some of the best open-source UI projects in JavaScript? This list will help you:

Project Stars
1 React 180,979
2 Semantic UI 49,797
3 sortablejs 23,825
4 Portainer 20,682
5 react-native-vector-icons 15,495
6 evergreen 11,405
7 react-jsonschema-form 10,972
8 reactstrap 10,221
9 ungit 9,858
10 Dash 9,836
11 bootstrap-select 9,465
12 material-design-for-bootstrap 9,462
13 AriaNg 8,462
14 rebass 7,586
15 Choo 6,647
16 React95 4,922
17 Keen-UI 4,046
18 lbry-desktop 3,585
19 teaset 2,845
20 Fomantic-UI 2,775
21 rangeslider.js 2,151
22 storefront-ui 1,846
23 open-ui 1,692
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com