Open-source projects categorized as UI | Edit details

Top 23 UI Open-Source Projects

  • GitHub repo React

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

    Project mention: What is Neutralinojs? Alternative to Electron | dev.to | 2021-10-17

    You can checkout Elecrue, It is a CLI for generating starter code for Electron or Neutralionjs with React or Vue. I am the maintainer of Elecrue, So I am adding Neutralionjs this week or next. And star it ⭐ for staying updated with Elecrue's progress.

  • GitHub repo storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    Project mention: Serie Storybook: Escribiendo componentes - .stories.jsx vs stories.mdx | dev.to | 2021-10-14

    Storybook Documentation

  • Syncfusion

    Build stunning web applications quickly using Syncfusion JavaScript UI controls.. The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.

  • GitHub repo Svelte

    Cybernetically enhanced web apps

    Project mention: Kyoto – Build Front End with Golang | news.ycombinator.com | 2021-10-15

    The landing page would really benefit from code samples illustrating the basic concepts and syntaxes.

    See https://reactjs.org and https://svelte.dev for examples.

  • GitHub repo Semantic UI

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

    Project mention: 10 UI Library to Make Your React App Development Faster | dev.to | 2021-08-17

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

  • GitHub repo awesome-android-ui

    A curated list of awesome Android UI/UX libraries

    Project mention: Side projects - design and motivation | reddit.com/r/androiddev | 2021-06-26

    There is not enough space for buttons let alone for any fancy desigg elements... I just stink material components everywhere (rounded corners, automated colors, auto-text size, day/night switch), add https://materialdesignicons.com/ and the results looking great. And if not then there is this link in the side menu of this sub: https://github.com/wasabeef/awesome-android-ui

  • GitHub repo vuetify

    🐉 Material Component Framework for Vue

    Project mention: ⚡ Release September 28th, 2021 | reddit.com/r/vuetifyjs | 2021-09-28

    Vuetify v2.5.9 is live! It includes fixes for the click-outside directive, multiple fixes for inputs including Autocompletes, Sliders, 2 reverts, and more! Full Release notes here: https://github.com/vuetifyjs/vuetify/releases/tag/v2.5.9

  • GitHub repo imgui

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

    Project mention: Eli5 How are video game main menu/settings screen/inventory screens programmed? | reddit.com/r/explainlikeimfive | 2021-10-17

    There are many options but I believe the most popular paradigm is to use immediate mode UIs, like Dear ImGui, and hook them into the rendering engine itself (i.e. translating the UI draw calls to DirectX / Vulkan), with custom textures/fonts/etc. to make the UI feel 'native' to the game.

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo Charts

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

    Project mention: My biggest project yet! :) Let me know what you think! | reddit.com/r/swift | 2021-09-22

    I used this charts library called Charts 3.0

  • GitHub repo sortablejs

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

    Project mention: Making TinyMCE draggable with Stimulus | dev.to | 2021-10-05

    I used a Stimulus controller I named drag_controller.js to take care of the drag and drop using Sortable (install with yarn add sortablejs), but other packages may work just as well. This is imported at the top of the controller.

  • GitHub repo Lottie

    An iOS library to natively render After Effects vector animations

    Project mention: 18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project | dev.to | 2021-09-03

    Lottie for Web, Android, iOS, React Native, and Windows

  • GitHub repo docz

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

    Project mention: This Free Tool Lets You Create World Class Documentation for React Components | dev.to | 2021-10-11

    It’s Docz. Docz is a popular state-of-the-art open-source tool that allows anyone to create clean and highly customizable custom software documentation sites with fairly minimal effort. Think of it as using Canva to create cool posters. It has got 21.7k stars on GitHub which is a huge thing in software development. Here are some of the features and cool things about Docz:

  • GitHub repo SweetAlert

    A beautiful replacement for JavaScript's "alert"

    Project mention: Awesome Things Related To React Hooks 😍 | dev.to | 2021-09-23

    Sweet Alert - A beautiful replacement for success messages, error messages or info messages

  • GitHub repo react-native-elements

    Cross-Platform React Native UI Toolkit

    Project mention: Top 7 React Native UI toolkits and component libraries in 2021 | dev.to | 2021-06-15

    More information available here: https://reactnativeelements.com

  • GitHub repo Hero

    Elegant transition library for iOS & tvOS

    Project mention: Generics in Swift: Why we need them? | reddit.com/r/swift | 2021-03-28
  • GitHub repo Portainer

    Making Docker and Kubernetes management easy.

    Project mention: [Feature Request] Container Auto Update Option. | reddit.com/r/portainer | 2021-10-11

    We're tracking this kind of functionality as a feature request in our Github at https://github.com/portainer/portainer/issues/3434 - if this is something that you'd find valuable head on over and give it a thumbs up.

  • GitHub repo @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Best UI Frameworks for React.js | dev.to | 2021-10-11

    More info

  • GitHub repo SnapKit

    A Swift Autolayout DSL for iOS & OS X

    Project mention: How can I add constraints to a UI element inside a programmatically created UIView? | reddit.com/r/swift | 2021-06-29

    I suggest you check out SnapKit. It is a convenient AutoLayout wrapper. I find it a lot more easier to read compared to the built in constraint builder or the string representation.

  • GitHub repo Editor.js

    A block-styled editor with clean JSON output

    Project mention: My pain building a WYSIWYG editor with contenteditable | reddit.com/r/webdev | 2021-09-17

    https://editorjs.io is easy to use and customizable. Not as big as some of the others but completely free

  • GitHub repo MBProgressHUD

    MBProgressHUD + Customizations

    Project mention: How this notification is made when I tap "Add to watchlist"? | reddit.com/r/swift | 2021-02-05

    That's not a notification, it's a HUD. The most common library I've seen that implements it is MBProgressHud. It's very well documented, so you should be able to implement it easily.

  • GitHub repo ant-design-vue

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

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

    It has over 13k stars on Github and on 39,693 weekly downloads on npm.

  • GitHub repo 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.

  • GitHub repo react-native-vector-icons

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

    Project mention: Ionicons not showing on tab bar | reddit.com/r/reactnative | 2021-07-05

    you need install the icon package. https://github.com/oblador/react-native-vector-icons

  • GitHub repo MJRefresh

    An easy way to use pull-to-refresh.

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 2021-10-17.


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

Project Stars
1 React 176,075
2 storybook 65,266
3 Svelte 51,083
4 Semantic UI 49,615
5 awesome-android-ui 41,461
6 vuetify 32,330
7 imgui 32,303
8 Charts 24,640
9 sortablejs 23,252
10 Lottie 22,032
11 docz 21,816
12 SweetAlert 21,808
13 react-native-elements 21,450
14 Hero 20,381
15 Portainer 19,770
16 @blueprintjs/core 18,214
17 SnapKit 17,901
18 Editor.js 16,563
19 MBProgressHUD 15,925
20 ant-design-vue 15,372
21 IQKeyboardManager 15,310
22 react-native-vector-icons 15,246
23 MJRefresh 13,546
Find remote jobs at our new job board 99remotejobs.com. There are 34 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.