Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 Component Open-Source Projects
-
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
-
-
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
-
-
-
-
-
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
tabler-icons
A set of over 5200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
-
bootstrap-vue
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
-
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
-
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project mention: Styling Your Site with Next.js and MUI: Creating a Dynamic Theme Switcher | dev.to | 2024-04-18Remember to start the Next.js server with pnpm dev.
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
Honestly the ergonomics of heavily customizable generic component libraries aren't great. Copy and pasting a simple component to make the specific customizations you want helps reduce JS ecosystem churn and dependency pain. Popularity of libraries like shadcn/ui [1] are good acknowledgements of that.
Astro to use every framework at once instead of just react? https://astro.build/
Project mention: Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI | dev.to | 2024-04-05Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…
Catalyst is a comprehensive, fully componentized UI kit for modern React projects, built on the next generation of Headless UI. With Catalyst, you can create a custom set of components to use and reuse in your projects.
Project mention: recharts VS MUI X - a user suggested alternative | libhunt.com/r/recharts | 2024-01-20
Official Website: https://blueprintjs.com/
Something like NextUI would work, i.e. a “New Gen” UI framework. It’s Tailwind based AND it works in both .astro and .tsx files. Amazing!
Some frameworks and themes to use in combination :
Project mention: Making Web Component properties behave closer to the platform | dev.to | 2024-01-21For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc.
Use Tabler Icons for over 5200 pixel perfect icons designed for the web. This latest set expands the library further with 244 new icons. There's also more support backward compatibility, and more design options for webs, mobile, and desktop applications. All icons now also come in both outlined and filled versions to suit even more preferences and requirements. Check out all the icons on the website.
Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-294. Bootstrap Vue Bootstrap Vue combines the power of Bootstrap, a popular CSS framework, with Vue.js. It provides a wide range of components and styling options. Check out the Bootstrap Vue website to learn more.
Official Website: https://react.semantic-ui.com/
Project mention: Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries | dev.to | 2023-07-31Nivo is a data visualization library built on top of D3.js and React. It offers a range of well-designed, customizable charts with great animations, making it suitable for creating visually impressive data visualizations.
Project mention: Fprime – A flight software and embedded systems framework by NASA | news.ycombinator.com | 2024-02-01
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 2024-04-19.
Components related posts
- Storybook not picking up tailwindcss
- Show HN: Open Source TailwindCSS UI Components
- Astro.js as an alternative to Next.js: pushing the limits
- Embark on a UI Odyssey: Top 5 Spectacular Libraries to Explore
- Tailwind CSS product overview components built for E-commerce websites
- Supabase Bootstrap: the fastest way to launch a new project
- Creating an Interactive Time-Tracking Report with React and TypeScript
-
A note from our sponsor - InfluxDB
www.influxdata.com | 19 Apr 2024
Index
What are some of the best open-source Component projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Next.js | 120,313 |
| 2 | storybook | 82,727 |
| 3 | shadcn/ui | 56,012 |
| 4 | Element UI | 53,941 |
| 5 | astro | 42,158 |
| 6 | Preact | 36,021 |
| 7 | daisyui | 30,461 |
| 8 | headlessui | 24,105 |
| 9 | iview | 23,973 |
| 10 | vant | 22,687 |
| 11 | recharts | 22,349 |
| 12 | @blueprintjs/core | 20,401 |
| 13 | nextui | 19,095 |
| 14 | framework7 | 17,843 |
| 15 | office-ui-fabric-react | 17,667 |
| 16 | vux | 17,611 |
| 17 | tabler-icons | 17,195 |
| 18 | bootstrap-vue | 14,456 |
| 19 | semantic-ui-react | 13,178 |
| 20 | nivo | 12,610 |
| 21 | reactstrap | 10,560 |
| 22 | fprime | 9,865 |
| 23 | buefy | 9,515 |
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com