Top 23 component-library Open-Source Projects
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.Project mention: Top 24 Free Essential Plugins To Extend Bootstrap | dev.to | 2021-05-07
Website/demo: https://bootstrap-vue.org/ The last update: January 2021 Compatibility with Bootstrap versions: Bootstrap v4.3.1 and higher Documentation: A separate page for documentation with getting started section and full documentation for every component and plugin. Developers team support: yes, vie the issues page in GitHub Rating: 12.9k on GitHub https://github.com/bootstrap-vue/bootstrap-vue Dependencies: Vue.js v2.6, Popper.js v1.16,PortalVue v2.1 Additional feature: an interactive playground to experiment with the various components https://bootstrap-vue.org/play
The official Semantic-UI-React integrationProject mention: LifeKnifeX - a Collection of Life Management Tools | dev.to | 2021-05-09
It uses Redux Toolkit to make Redux marginally bearable (more on that story later) for state management, and the wonderful and stunning Semantic UI React integration to make things look pretty. Icons are provided via React Icons, which we will see in action shortly.
Scout APM - Leading-edge performance monitoring starting at $39/month. 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.
🌲 Evergreen React UI Framework by SegmentProject mention: 10 resources for React UI developers | dev.to | 2021-03-27
🎉 A Vue.js 3.0 UI Library made by Element teamProject mention: Is it possible to edit the HTML 5 colorpicker? | reddit.com/r/vuejs | 2021-03-29
A React Component library implementing the Base design languageProject mention: 5 simple ways to improve your website UI (for developers) 🎨🖥️ | dev.to | 2021-05-02
Base Web by Uber
UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiencesProject mention: Best Angular UI library for a newbie that comes from vuetify | reddit.com/r/Angular2 | 2021-04-24
Clarity Design System - http://clarity.design
The adaptive interface system for modern web experiences.Project mention: Announcing Silkenweb: A reactive VDOM-less web framework using plain rust syntax | reddit.com/r/rust | 2021-04-30
Also, Semantic UI is now forked as https://fomantic-ui.com/
An open source tool for building UI Design Systems with Vue.jsProject mention: New and Noteworthy Vue.js Open Source Projects. Part 2 | dev.to | 2021-03-01
Compile and package Angular libraries in Angular Package Format (APF)Project mention: Relative import from lib's secondary entry point ❌ Error TS5055: Cannot write file X.d.ts because it would overwrite input file | dev.to | 2021-04-22
ng-packgr will build the entry points in the following order:
Angular UI Kit and components library for awesome peopleProject mention: Angular Pipe Performance — Build a fast Angular pipe | reddit.com/r/Angular2 | 2021-04-09
Look on tuiPure property decorator and see how good and simple memo might be implemented: https://github.com/TinkoffCreditSystems/taiga-ui/blob/3f7786c62281c8c3c438b869afc7d317d0abba84/projects/cdk/decorators/pure.ts
The most powerful virtual list component for ReactProject mention: dysfunctional big company? | dev.to | 2021-02-09
In many large companies, development becomes slow and incredibly expensive. If an engineer costs 10k a month, the fully burdened cost to the company is often 5-10x that. While the costs increase the output usually goes down. This is something I’ve been thinking about a lot over the last months. As our startup keeps on growing I want to hold on to that startup level of productivity. Petyo just joined as our 100nd team member, so as we reach this initial level of scale this is becoming a more urgent concern.
A React library for building forms from any schema.Project mention: ✨ How you build forms with Material-UI? This is the way I do. Link in the first comment. | reddit.com/r/reactjs | 2021-04-17
I am a big fan of the uniforms library. It allows you to automatically create forms from your data model. It works well with Material UI but also supports many other UI frameworks (Ant Design, Semantic UI, ...). So you can choose the way it looks like by just selecting a different theme provider. It also has great support for TypeScript and comes with form validation!
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.Project mention: Tail-kit: free components and templates fully coded with Tailwind CSS 2.0 | news.ycombinator.com | 2021-04-12
Primer React components (by primer)
React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
React components of open-source Orbit design system by Kiwi.com (by kiwicom)
Svelte implementation of the Carbon Design SystemProject mention: Carbon Components with SvelteKit? | reddit.com/r/sveltejs | 2021-04-19
Perhaps this might help? https://github.com/IBM/carbon-components-svelte/issues/598
Material Design text field that comes in a box, based on (OLD) Google Material Design guidelines.
Pivotal's design system & component library
Prebuilt Chakra UI Higher Order ComponentsProject mention: Why you should use Chakra UI in React | dev.to | 2021-04-30
Choc UI Another collection of big components for developing common webpages blazing fast. They have a nice roadmap of future components so be sure to check out.
React form library for Relay and ApolloProject mention: We Made Painless Forms for React and graphQL | reddit.com/r/reactjs | 2021-02-27
Check out our site & repo for more info.
Example Storefront Component Library: A set of React components for the Example StorefrontProject mention: Is it possible to use CRA/react-scripts with dependencies that have .mjs extensions? | reddit.com/r/reactjs | 2021-05-08
The comment here, further linked by StackOverflow, discusses a workaround, which works; but it raises interesting questions.
What are some of the best open-source component-library projects? This list will help you: