InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code. Learn more →
Top 23 UI Open-Source Projects
-
Reactivity libraries are at the heart of modern web component frameworks like Solid, Qwik, Vue, and Svelte. And in some cases you can add fine-grained reactive state management to other libraries like Lit and React. Reactively comes with a decorator for adding reactive properties to any class, as well as prototype integration with Lit. Preact Signals comes with a prototype integration with React. Expect more integrations as these reactivity cores mature.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
Trying to help build a design system at work in my spare time; no clue if it will go anywhere but it’s fun regardless. I asked the Elm Slack group what the equivalent of React Storybook. Specifically, I wanted a way to build a documentation website like Vuepress with the ability to host native Elm code to showcase components. They pointed me to Elm Book. While Elm Book has built-in theming capabilities, I needed CSS control over my components. While they support elm-css, I wanted the ability to use TailwindCSS. The Elm libraries haven’t kept up with Tailwind’s changes, which is fine; writing raw Tailwind CSS on Elm HTML functions is easy and co-located with the component you’re styling.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
-
Javascript is a language with thousands of users and modules. Every single thing that you think you may not want, it's there. Starts from a simple module like is-odd, jquery, until svelte. Javascript is a native way to do scripting in browser. Sometimes, you may need to create simple javascript module for your day to day works or maybe just for fun. To import your plain old javascript inside your HTML project, you can simply use the OG
-
Semantic UI
Semantic is a UI component framework based around useful principles from natural language.
Project mention: Top 9 Best UI Component Libraries/Frameworks in 2022 for Frontend Developers🔥 | dev.to | 2022-09-18Semantic UI is a free, open source library that helps you build UIs with confidence. It provides over 3000+ Theming Variables and 50 + UI components and each one of them has been carefully designed to look beautiful and work intuitively. It is designed to be an intuitive, accessible, and flexible starting point for your project. It's packed with features that you can use right out of the box, and it's very easily customizable. To date, it has been downloaded over 6 million times and it has around 50,000 GitHub stars.
-
Project mention: Why don't they use a standard layout for onscreen buttons | reddit.com/r/AndroidGaming | 2022-10-18
-
Yes, you can handle front end with C++. For desktop applications I'd recommend Qt, or maybe Dear ImGUI. Less sure about webdev, though TreeFrog is intriguing.
-
Vuetify 3.0 brings various bug fixes and new features, including keyboard navigation
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.
-
Or you can check out these 2 options: iOS version https://github.com/danielgindi/Charts
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Project mention: Can anyone share an example of drag and drop content | reddit.com/r/reactjs | 2022-11-18Check out https://sortablejs.github.io/Sortable/
-
Another option would be to setup Docker on the machine with something like Portainer. It makes getting things up and running stupid simple.
-
-
Github Documentation Stars ⭐ +22.6k
-
This is a real concern. I've worked on some Yarn projects where I sometimes forget and accidentally run npm. Although these package managers (I'll call them PMs for short) are interoperable to some degree, there are important differences between these tools, so you should know what you're getting into. Even in seemingly simple projects, results can vary. Here are two reports of things working with one PM, but not another. Moreso, running install once is very different from continuous concurrent use, where you're adding and removing packages and more.
-
Project mention: SweetAlert2 manual confirm button text while echo'ing JS | reddit.com/r/programminghelp | 2022-09-27
Are you sure you're using SweetAlert2 and not SweetAlert1 because your syntax looks like 1.
-
Hero - Elegant transition
-
Project mention: Trying to build a clone but can't seem to understand the concept fully. | reddit.com/r/reactjs | 2022-11-13
-
Project mention: Tabler: Free and open source dashboard HTML/CSS framework | news.ycombinator.com | 2022-07-29
Maybe https://blueprintjs.com/ for you, although last time I checked it did not have explicit mobile or tablet support. (They don’t aim to break mobile or tablet but they don’t endeavour to support it.)
-
If you want a free design / prototype tool, alternative to Figma: https://penpot.app
-
Project mention: 📌 Pin — a tiny library that makes working with AutoLayout easier | reddit.com/r/swift | 2022-11-04
SnapKit (19k⭐️) has been providing almost the same thing for years. It is already a standard for many companies.
-
Ant Design for Vue (16k stars on GitHub) Folks have complained that Ant is bloated, inaccessible, and not performant. That said, Ant also has a ridiculously large components set.
-
react-native-vector-icons
Customizable Icons for React Native with support for image source and full styling.
Project mention: Hello guys, vectos icons is not working in react latest version. Is this only me or anyone else facing issue, | reddit.com/r/reactnative | 2022-10-15 -
-
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.
-
Zigi
Delete the most useless function ever: context switching.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.
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 2022-12-01.
UI related posts
- OctaneGUI November 2022 Update
- What is the state of Compose for Desktop
- CustomTkinter is a Python UI-library based on Tkinter, which provides new, modern and fully customizable widgets
- Git / Linux + test on monday
- What's your preferred CSS solution for your projects?
- Android App crashes with SIGSEGV.
- New Intresting JavaScript Framework
-
A note from our sponsor - InfluxDB
www.influxdata.com | 1 Dec 2022
Index
What are some of the best open-source UI projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | React | 198,453 |
| 2 | storybook | 75,303 |
| 3 | Svelte | 63,403 |
| 4 | Semantic UI | 50,278 |
| 5 | awesome-android-ui | 44,638 |
| 6 | imgui | 43,542 |
| 7 | vuetify | 35,932 |
| 8 | Charts | 26,240 |
| 9 | sortablejs | 25,987 |
| 10 | Portainer | 23,778 |
| 11 | Lottie | 23,361 |
| 12 | react-native-elements | 23,036 |
| 13 | docz | 23,009 |
| 14 | SweetAlert | 22,159 |
| 15 | Hero | 21,152 |
| 16 | Editor.js | 20,809 |
| 17 | @blueprintjs/core | 19,435 |
| 18 | penpot | 19,371 |
| 19 | SnapKit | 19,013 |
| 20 | ant-design-vue | 17,441 |
| 21 | react-native-vector-icons | 16,231 |
| 22 | MBProgressHUD | 15,967 |
| 23 | IQKeyboardManager | 15,884 |
Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
scoutapm.com