Top 23 UI Open-Source Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
Looking through popular JavaScript frameworks, there are a few that top the usage charts year after year, such as React, Angular, and Vue. What was interesting to see while looking into JS front-end frameworks from 2019 to 2020 was the swift adoption of Svelte, which not only topped the charts in User Satisfaction and Interest in the past two years, but has moved it's way from the 9th to the 4th most used CSS framework in a year. This newly popular JavaScript framework is definitely worthy of a look for any Frontend Developer.
-
storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Project mention: Breaking down a very large re-design project. What's your process? | reddit.com/r/UI_Design | 2021-03-02Since you've already done the work to create a design system, I would encourage the client to allocate engineering resources towards implementing your design system in a generalized way as a component library, even going so far as to create some component documentation like storybook. This way, the redesign of each flow will be quick, painless, and without need for pixel perfect designs. This should make some redesigns so obvious they won't need your intervention. Others might only need wireframes, and only a few should require a full design. It will also enforce good design with code, even after you move on, by making it hard to break rules and easy for lazy engineers to use good design rather than building their own creations.
-
Scout
Get performance insights in less than 4 minutes. 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.
-
Semantic UI
Semantic is a UI component framework based around useful principles from natural language.
-
Svelte
Cybernetically enhanced web apps
Looking through popular JavaScript frameworks, there are a few that top the usage charts year after year, such as React, Angular, and Vue. What was interesting to see while looking into JS front-end frameworks from 2019 to 2020 was the swift adoption of Svelte, which not only topped the charts in User Satisfaction and Interest in the past two years, but has moved it's way from the 9th to the 4th most used CSS framework in a year. This newly popular JavaScript framework is definitely worthy of a look for any Frontend Developer.
-
awesome-android-ui
A curated list of awesome Android UI/UX libraries
-
vuetify
🐉 Material Component Framework for Vue
Project mention: How to fix the issue with expansion panel index | reddit.com/r/vuetifyjs | 2021-03-01I am trying to add items dynamically which will update the expansion panel, the data which I am dealing with its a complex array of object with the dynamic component within the expansion panel content. Currently facing issue mentioned here https://github.com/vuetifyjs/vuetify/issues/11225.
-
imgui
Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies
Project mention: Recommend me an "easy to install / easy to get working" GUI framework | reddit.com/r/cpp_questions | 2021-02-28Would recommend imgui
-
Charts
Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart.
Project mention: What are your favourite Android-only libraries? | reddit.com/r/androiddev | 2021-02-12I agree it's great but, It's not Android only. Second sentence in github page is " Charts is the iOS version of this library"
-
sortablejs
Create and reorder lists with drag-and-drop. For use with modern browsers and touch devices
-
SweetAlert
A beautiful replacement for JavaScript's "alert"
-
Lottie
An iOS library to natively render After Effects vector animations
-
react-native-elements
Cross-Platform React Native UI Toolkit
Project mention: If you've been hesitating to give Reanimated 2 a try for awhile, this is your best shot. I put a lot of effort to make it as concise and simple to start with. I truly hope this will be helpful. Very open to feedback, so really speak your mind! | reddit.com/r/reactnative | 2021-02-25are you looking for libraries like react-native-elements? there's a list of it here.
-
Hero
Elegant transition library for iOS & tvOS
-
@blueprintjs/core
A React-based UI toolkit for the web
Project mention: How To Set Up A Design System To Work With React | reddit.com/r/UI_Design | 2021-03-01https://blueprintjs.com/ AND ???
-
SnapKit
A Swift Autolayout DSL for iOS & OS X
It appears that writing views programmatically is not easy too. Apple didn't provide easy in use classes and methods to write views easily. At least notation could be shorter however concept of constraints itself is quite good in UIKit. That's why people invented a lot of DSL (domain-specific language) libraries like the most popular SnapKit, tricky Carthography or super concise Stevia. I invented my own DSL AutoLayout library LayoutExtension which is now in early version however I use it in one commercial project with full success.
-
Portainer
Making Docker and Kubernetes management easy.
Hi! I'm David from Portainer support. This is an issue that we're aware of and there is an active issue going on over on our Github page.
-
MBProgressHUD
MBProgressHUD + Customizations
Project mention: How this notification is made when I tap "Add to watchlist"? | reddit.com/r/swift | 2021-02-05That'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.
-
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.
-
Editor.js
A block-styled editor with clean JSON output
-
react-native-vector-icons
Customizable Icons for React Native with support for image source and full styling.
Please take note of react-native-vector-icons setup instructions on Github https://github.com/oblador/react-native-vector-icons. It will have many instructions but follow the part that you see in the image below.
-
AsyncDisplayKit
Smooth asynchronous user interfaces for iOS apps.
-
MJRefresh
An easy way to use pull-to-refresh.
-
kivy
Open source UI framework written in Python, running on Windows, Linux, macOS, Android and iOS
Index
What are some of the best open-source UI projects? This list will help you:
Project | Stars | |
---|---|---|
1 | React | 164,148 |
2 | storybook | 58,775 |
3 | Semantic UI | 49,039 |
4 | Svelte | 44,806 |
5 | awesome-android-ui | 39,930 |
6 | vuetify | 29,692 |
7 | imgui | 27,951 |
8 | Charts | 23,976 |
9 | sortablejs | 22,014 |
10 | SweetAlert | 21,333 |
11 | Lottie | 21,118 |
12 | react-native-elements | 20,140 |
13 | Hero | 19,850 |
14 | @blueprintjs/core | 17,391 |
15 | SnapKit | 17,324 |
16 | Portainer | 17,304 |
17 | MBProgressHUD | 15,805 |
18 | IQKeyboardManager | 14,913 |
19 | Editor.js | 14,691 |
20 | react-native-vector-icons | 14,508 |
21 | AsyncDisplayKit | 13,427 |
22 | MJRefresh | 13,390 |
23 | kivy | 12,740 |