Top 23 UI Open-Source Projects
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!Project mention: Lessons Learned from Building a React Component Library with TypeScript | dev.to | 2021-10-19
Finally, while Storybook has been invaluable for us and I recommend it strongly, I would be remiss if I didn't mention some gotchas. Storybook uses a lot of the same libraries we all use for theming, Markdown, and other things. When there are library conflicts between your version and theirs, bad things happen. For example, we got hit with the same conflict on Emotion as this issue on GitHub. To its credit, the Storybook team releases frequently. If nothing else, make sure you use identical versions of Storybook and all its addons and that you upgrade as soon as possible when updates are available.
Cybernetically enhanced web appsProject mention: What Svelte's accessibility warnings won't tell you | dev.to | 2021-10-20
Svelte's accessibility (often shortened to "a11y") warnings are one of the framework's standout features. Per Rich Harris, Svelte is an "a11y-first framework" that "will let you write non-accessible markup, but it won't respect you for it." Accessibility warnings in the compiler have been a part of the framework since version 1.38, and are highlighted in the first section of the tutorial.
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.
A curated list of awesome Android UI/UX librariesProject 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
Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependenciesProject 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.
🐉 Material Component Framework for VueProject 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
Run Linux Software Faster and Safer than Linux with Unikernels.
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
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.
An iOS library to natively render After Effects vector animationsProject 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
✍ 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:
Sweet Alert - A beautiful replacement for success messages, error messages or info messages
Cross-Platform React Native UI ToolkitProject mention: Top 7 React Native UI toolkits and component libraries in 2021 | dev.to | 2021-06-15
More information available here: https://reactnativeelements.com
Elegant transition library for iOS & tvOSProject mention: Generics in Swift: Why we need them? | reddit.com/r/swift | 2021-03-28
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.
A React-based UI toolkit for the webProject mention: Best UI Frameworks for React.js | dev.to | 2021-10-11
A Swift Autolayout DSL for iOS & OS XProject 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.
A block-styled editor with clean JSON outputProject 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
MBProgressHUD + CustomizationsProject 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.
🌈 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.
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.Project mention: Keyboard overlaying textfield. How do I fix this? | reddit.com/r/SwiftUI | 2021-10-17
try adding https://github.com/hackiftekhar/IQKeyboardManager works really great
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
An easy way to use pull-to-refresh.
What are some of the best open-source UI projects? This list will help you:
Are you hiring? Post a new remote job listing for free.