Top 23 UI Open-Source Projects
-
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.
-
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-14Storybook 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.
-
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.
-
Semantic UI
Semantic is a UI component framework based around useful principles from natural language.
Semantic is a UI component framework based around useful principles from natural language.
-
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
-
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
-
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.
-
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
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
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.
-
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
-
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:
-
Sweet Alert - A beautiful replacement for success messages, error messages or info messages
-
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
-
-
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.
-
More info
-
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.
-
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
-
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.
-
It has over 13k stars on Github and on 39,693 weekly downloads on npm.
-
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 image source and full styling.
you need install the icon package. https://github.com/oblador/react-native-vector-icons
-
Index
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 |
Are you hiring? Post a new remote job listing for free.
