UI

Top 23 UI Open-Source Projects

  • React

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

    Project mention: Super Charging Fine-Grained Reactive Performance | dev.to | 2022-12-01

    Reactivity libraries are at the heart of modern web component frameworks like Solid, Qwik, Vue, and Svelte. And in some cases you can add fine-grained reactive state management to other libraries like Lit and React. Reactively comes with a decorator for adding reactive properties to any class, as well as prototype integration with Lit. Preact Signals comes with a prototype integration with React. Expect more integrations as these reactivity cores mature.

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

    Project mention: Getting Tailwind to Work with Elm Book | dev.to | 2022-11-28

    Trying to help build a design system at work in my spare time; no clue if it will go anywhere but it’s fun regardless. I asked the Elm Slack group what the equivalent of React Storybook. Specifically, I wanted a way to build a documentation website like Vuepress with the ability to host native Elm code to showcase components. They pointed me to Elm Book. While Elm Book has built-in theming capabilities, I needed CSS control over my components. While they support elm-css, I wanted the ability to use TailwindCSS. The Elm libraries haven’t kept up with Tailwind’s changes, which is fine; writing raw Tailwind CSS on Elm HTML functions is easy and co-located with the component you’re styling.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • Svelte

    Cybernetically enhanced web apps

    Project mention: Fetch Current Script Tag Attributes in Javascript | dev.to | 2022-11-25

    Javascript is a language with thousands of users and modules. Every single thing that you think you may not want, it's there. Starts from a simple module like is-odd, jquery, until svelte. Javascript is a native way to do scripting in browser. Sometimes, you may need to create simple javascript module for your day to day works or maybe just for fun. To import your plain old javascript inside your HTML project, you can simply use the OG

  • Semantic UI

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

    Project mention: Top 9 Best UI Component Libraries/Frameworks in 2022 for Frontend Developers🔥 | dev.to | 2022-09-18

    Semantic UI is a free, open source library that helps you build UIs with confidence. It provides over 3000+ Theming Variables and 50 + UI components and each one of them has been carefully designed to look beautiful and work intuitively. It is designed to be an intuitive, accessible, and flexible starting point for your project. It's packed with features that you can use right out of the box, and it's very easily customizable. To date, it has been downloaded over 6 million times and it has around 50,000 GitHub stars.

  • awesome-android-ui

    A curated list of awesome Android UI/UX libraries

    Project mention: Why don't they use a standard layout for onscreen buttons | reddit.com/r/AndroidGaming | 2022-10-18
  • imgui

    Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies

    Project mention: What I use c++ for? | reddit.com/r/cpp_questions | 2022-11-23

    Yes, you can handle front end with C++. For desktop applications I'd recommend Qt, or maybe Dear ImGUI. Less sure about webdev, though TreeFrog is intriguing.

  • vuetify

    🐉 Material Component Framework for Vue

    Project mention: What’s new in Handsontable Data Grid: November 2022 | dev.to | 2022-11-30

    Vuetify 3.0 brings various bug fixes and new features, including keyboard navigation

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • Charts

    Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart.

    Project mention: Best charts library? | reddit.com/r/iosdev | 2022-11-27

    Or you can check out these 2 options: iOS version https://github.com/danielgindi/Charts

  • sortablejs

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

    Project mention: Can anyone share an example of drag and drop content | reddit.com/r/reactjs | 2022-11-18

    Check out https://sortablejs.github.io/Sortable/

  • Portainer

    Making Docker and Kubernetes management easy.

    Project mention: Easy to use web hosting control panel? | reddit.com/r/selfhosted | 2022-11-24

    Another option would be to setup Docker on the machine with something like Portainer. It makes getting things up and running stupid simple.

  • Lottie

    An iOS library to natively render After Effects vector animations

    Project mention: "progress indicator" animation | reddit.com/r/swift | 2022-11-23
  • react-native-elements

    Cross-Platform React Native UI Toolkit

    Project mention: React Native Top UI Components Libraries | dev.to | 2022-07-28

    Github Documentation Stars ⭐ +22.6k

  • docz

    ✍ It has never been so easy to document your things!

    Project mention: Why aren't Node.js package managers interoperable? | dev.to | 2022-10-07

    This is a real concern. I've worked on some Yarn projects where I sometimes forget and accidentally run npm. Although these package managers (I'll call them PMs for short) are interoperable to some degree, there are important differences between these tools, so you should know what you're getting into. Even in seemingly simple projects, results can vary. Here are two reports of things working with one PM, but not another. Moreso, running install once is very different from continuous concurrent use, where you're adding and removing packages and more.

  • SweetAlert

    A beautiful replacement for JavaScript's "alert"

    Project mention: SweetAlert2 manual confirm button text while echo'ing JS | reddit.com/r/programminghelp | 2022-09-27

    Are you sure you're using SweetAlert2 and not SweetAlert1 because your syntax looks like 1.

  • Hero

    Elegant transition library for iOS & tvOS

    Project mention: Cracking the iOS Interview | dev.to | 2022-09-10

    Hero - Elegant transition

  • Editor.js

    A block-styled editor with clean JSON output

    Project mention: Trying to build a clone but can't seem to understand the concept fully. | reddit.com/r/reactjs | 2022-11-13
  • @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Tabler: Free and open source dashboard HTML/CSS framework | news.ycombinator.com | 2022-07-29

    Maybe https://blueprintjs.com/ for you, although last time I checked it did not have explicit mobile or tablet support. (They don’t aim to break mobile or tablet but they don’t endeavour to support it.)

  • penpot

    Penpot - The Open-Source design & prototyping platform

    Project mention: A LIST of free tools to help you start in UX | reddit.com/r/UXDesign | 2022-11-27

    If you want a free design / prototype tool, alternative to Figma: https://penpot.app

  • SnapKit

    A Swift Autolayout DSL for iOS & OS X

    Project mention: 📌 Pin — a tiny library that makes working with AutoLayout easier | reddit.com/r/swift | 2022-11-04

    SnapKit (19k⭐️) has been providing almost the same thing for years. It is already a standard for many companies.

  • ant-design-vue

    🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

    Project mention: 15 UI Component Libraries for Vue 3 in 2022 | dev.to | 2022-03-15

    Ant Design for Vue (16k stars on GitHub) Folks have complained that Ant is bloated, inaccessible, and not performant. That said, Ant also has a ridiculously large components set.

  • react-native-vector-icons

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

    Project mention: Hello guys, vectos icons is not working in react latest version. Is this only me or anyone else facing issue, | reddit.com/r/reactnative | 2022-10-15
  • MBProgressHUD

    MBProgressHUD + Customizations

  • IQKeyboardManager

    Codeless drop-in universal library allows to prevent issues of keyboard sliding up and cover UITextField/UITextView. Neither need to write any code nor any setup required and much more.

  • Zigi

    Delete the most useless function ever: context switching.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

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-12-01.

UI related posts

Index

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

Project Stars
1 React 198,453
2 storybook 75,303
3 Svelte 63,403
4 Semantic UI 50,278
5 awesome-android-ui 44,638
6 imgui 43,542
7 vuetify 35,932
8 Charts 26,240
9 sortablejs 25,987
10 Portainer 23,778
11 Lottie 23,361
12 react-native-elements 23,036
13 docz 23,009
14 SweetAlert 22,159
15 Hero 21,152
16 Editor.js 20,809
17 @blueprintjs/core 19,435
18 penpot 19,371
19 SnapKit 19,013
20 ant-design-vue 17,441
21 react-native-vector-icons 16,231
22 MBProgressHUD 15,967
23 IQKeyboardManager 15,884
Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
scoutapm.com