Top 23 UI Open-Source Projects
-
react
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
storybook
📓 The UI component explorer. Develop, document, & test for React, Vue, Angular, Ember, Web Components, & more!
We use Chromatic with Storyshots and it’s really great. Full CI and GitHub integration which builds and publishes a PR branch’s Storybook and creates a Visual PR showing all visual diffs for approval. It allows easier collaboration with your Product Manager too.
-
Semantic UI
Semantic is a UI component framework based around useful principles from natural language.
-
svelte
Cybernetically enhanced web apps
-
awesome-android-ui
A curated list of awesome Android UI/UX libraries
-
vuetify
🐉 Material Component Framework for Vue
More information here: https://github.com/vuetifyjs/vuetify/issues/11439#issuecomment-632580212
-
imgui
Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies
You recieved some simple ways to do it so just fot curiosity i will give you another maybe a little bit more complex. You can also use GLFW to manage windows and inputs. And Dear ImGui for everything related to GUI like buttons, field texts, etc.
-
Charts
Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart.
-
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
But have you wondered how you can also apply animations like these in your app? If yes, let me introduce you to one of my favourite libraries i.e, Lottie(created by Airbnb). Lottie is not restricted to Web but also available for Android, iOS, React-Native and many more.🤩
-
react-native-elements
Cross-Platform React Native UI Toolkit
Github Stars: 19,500
-
Hero
Elegant transition library for iOS & tvOS
-
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.
-
@blueprintjs/core
A React-based UI toolkit for the web
-
Portainer
Making Docker and Kubernetes management easy.
I can't wait for https://github.com/portainer/portainer/issues/3750 to get sorted out, then I'll give Portainer a proper go.
-
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.
-
react-native-vector-icons
Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling.
Latest mention: Como fazer um menu lateral customizado usando React native e React navigation 5 | dev.to | 2021-01-16React Native Docs React Navigation V5 Docs Styled Components Docs React Typescript Docs React Navite Vetor Icons Docs Typescript Docs
-
Editor.js
A block-styled editor with clean JSON output
-
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
Below is a runnable example, I copied the contents of the export_as_image method and modified it slightly for this use case:
Index
What are some of the best open-source UI projects? This list will help you:
Project | Stars | |
---|---|---|
1 | react | 162,735 |
2 | storybook | 57,466 |
3 | Semantic UI | 48,940 |
4 | svelte | 43,150 |
5 | awesome-android-ui | 39,694 |
6 | vuetify | 29,305 |
7 | imgui | 27,099 |
8 | Charts | 23,822 |
9 | sortablejs | 21,786 |
10 | SweetAlert | 21,309 |
11 | Lottie | 20,962 |
12 | react-native-elements | 19,968 |
13 | Hero | 19,772 |
14 | SnapKit | 17,225 |
15 | @blueprintjs/core | 17,199 |
16 | Portainer | 17,012 |
17 | MBProgressHUD | 15,779 |
18 | IQKeyboardManager | 14,853 |
19 | react-native-vector-icons | 14,369 |
20 | Editor.js | 14,345 |
21 | AsyncDisplayKit | 13,417 |
22 | MJRefresh | 13,386 |
23 | kivy | 12,601 |