Top 23 UI Component Open-Source Projects
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!Project mention: Anatomy of a high-velocity CI/CD pipeline | dev.to | 2021-12-02
storybook builds that showcase specific UI elements included within the change
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.
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.
🐉 Material Component Framework for VueProject mention: Do you know good opensource Vue3 projects to learn advanced vue concepts ? | reddit.com/r/vuejs | 2021-11-29
Most modern mobile touch slider with hardware accelerated transitionsProject mention: 5 Modern JS Sliders for 2022 | dev.to | 2021-11-27
Beautiful and accessible drag and drop for lists with ReactProject mention: Simplest Drag and Drop setup in React, in 10 lines of code with SortableJS | dev.to | 2021-11-27
React Beautiful Dnd: build by Atlassian for Trello, it's reliable BUT
The Select Component for React.jsProject mention: Ask HN: What are the fundamental diffs between modern web vs. desktop UI models | news.ycombinator.com | 2021-11-23
@drowe859's answer was excellent.
The only thing I'd add is that there's _thousands_ of freely available React components, including dozens of implementations of the kinds of widgets you listed (treeviews, specific form input types, etc). Sometimes they're available as a one-off lib , a small focused lib with a few specific components  , or a giant kitchen sink lib with dozens or hundreds of components    .
So, those _do_ exist, and in a similar sense to Qt or Gtk.
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.Project mention: Simplest Drag and Drop setup in React, in 10 lines of code with SortableJS | dev.to | 2021-11-27
I went to look for SortableJS, clicked on the demo, scrolled to the grid example which was doing exactly the simple stuff I was looking for.
Run Linux Software Faster and Safer than Linux with Unikernels.
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)Project mention: What is Slate.js, and will it replace Quill and Draft.js? | dev.to | 2021-11-23
Slate.js is a highly customizable platform for creating rich-text editors, also known as WYSIWYG editors. It enables you to create powerful, intuitive editors similar to those you’ve probably used in Medium, Dropbox Paper, or Google Docs. These are quickly becoming standard features for many web apps, and tools like Slate make them easier to implement, ensuring your program won’t get bogged down in complexity.
React components for efficiently rendering large lists and tabular dataProject mention: Big list performance with React | reddit.com/r/codehunter | 2021-11-26
Since this is apparently a popular question and things have progressed since the original question was asked, while I do encourage you to watch the video linked above, in order to get a grasp of a virtual layout, I also encourage you to use the React Virtualized library if you do not want to re-invent the wheel.
⚡️ Simple, Modular & Accessible UI Components for your React ApplicationsProject mention: How to get better and easier state management with Redux Toolkit | dev.to | 2021-12-01
In addition to Redux the project is made with Next.js, TypeScript, ChakraUI and Pokemon TCG API.
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
Drag and Drop for ReactProject mention: A powerful drag and drop library for Angular | reddit.com/r/Angular2 | 2021-08-15
Yes, there has many differences. it's based on html5 drag and drop. You can check the examples here, it's difficult to achieve with @angular/cdk. The library is cloned from angular-skyhook which inspired by react-dnd.
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.Project mention: What are the downsides to using react native for web? | reddit.com/r/reactnative | 2021-12-01
Or battle-tested 3rd party components like https://nativebase.io/
⚛️ Hooks for building fast and extendable tables and datagrids for ReactProject mention: What table component library you prefer to use with React? | reddit.com/r/reactjs | 2021-11-26
check out react-table it is simple-ish. in a sense that it handles most of the logic, but you have to implement the UI.
A tool for component-driven application development.Project mention: Top 7 React Developer Tools to Use in 2021 (With Bonus!) | dev.to | 2021-11-10
The headless editor framework for web artisans.Project mention: Recommend markdown text field component | reddit.com/r/vuejs | 2021-11-14
You should take a look at TipTap, works great and can be edited to your needs. Link
⚪ SVG-Powered component to easily create skeleton loadings.Project mention: Awesome Things Related To React Hooks 😍 | dev.to | 2021-09-23
React Content Loader - SVG-Powered component to easily create placeholder loadings (like Facebook’s cards loading).
An easily internationalizable, mobile-friendly datepicker library for the webProject mention: react-dates: disabling the default calendar popup | reddit.com/r/reactjs | 2021-07-14
`ReactDateRangePicker`, gives it's own date picker to use(see ss: https://i.stack.imgur.com/6mkER.png)
React components for efficiently rendering large lists and tabular dataProject mention: React Hyper Scroller v3 released! | dev.to | 2021-11-24
One thing to keep in mind is that React Hyper Scroller may not be the best for all use-cases. If it doesn't work for you, there are very cool alternatives like react-window, react-virtualized or react-virtual.
🌲 Evergreen React UI Framework by SegmentProject mention: Where are some places I can find pre-made good looking React components (i.e button) | reddit.com/r/webdev | 2021-10-31
A declarative, HTML-based language that makes building web apps fun
The CSS design system that powers GitHubProject mention: 🚀20 Best CSS3 Library For Developers. | dev.to | 2021-07-26
11. Primer CSS
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & moreProject mention: I’m looking for a certain library for colors | reddit.com/r/webdev | 2021-08-18
depends on the environment/framework you would use. Eg. I use https://casesandberg.github.io/react-color/ as color selector for react.
UI Components related posts
nui.nvim Updates - building blocks: NuiText, NuiLine, NuiTree
1 project | reddit.com/r/neovim | 2 Dec 2021
Push Notifications with Firebase in React.js
3 projects | dev.to | 1 Dec 2021
Free Landingpage Apps using NextJS and TailwindCSS;
3 projects | reddit.com/r/nextjs | 1 Dec 2021
Rounded corners for Popup menus
2 projects | reddit.com/r/neovim | 30 Nov 2021
A “Find Corona Test Centers” PWA powered by Amplify Geo and Location Search
5 projects | dev.to | 30 Nov 2021
5 Modern JS Sliders for 2022
1 project | dev.to | 27 Nov 2021
Simplest Drag and Drop setup in React, in 10 lines of code with SortableJS
7 projects | dev.to | 27 Nov 2021
What are some of the best open-source UI Component projects? This list will help you:
Are you hiring? Post a new remote job listing for free.