Components

Open-source projects categorized as Components

Top 23 Component Open-Source Projects

Components
  1. Next.js

    The React Framework

    Project mention: Basalt — Turn Messy Client Notes into Invoices . | dev.to | 2026-10-12
  2. AppSignal

    AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.

    AppSignal logo
  3. shadcn/ui

    Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.

    Project mention: After Building StoreFrame in NEXT.js, Headless Magento Will Make a Big Comeback | dev.to | 2026-10-14

    Shadcn, nothing more and nothing less. shadcn/ui is the component library I am sworn to. It was born in React and NEXT.js; the Svelte and Vue versions are ports. I want to be on the original, not the copy.

  4. storybook

    Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

    Project mention: New in EasyAdmin: UI Kit | dev.to | 2026-10-14

    If you know tools like Storybook, the idea is similar. But you don't have to install, configure or run anything: the UI Kit is already part of EasyAdmin and it's rendered inside your own backend.

  5. astro

    The web framework for content-driven websites.

    Project mention: I Used a Honeypot Instead of a CAPTCHA on Our Quote Form | dev.to | 2026-10-09

    The form posts to our own server (the site is built with Astro), and the first thing the handler does is look at that field:

  6. Element UI

    A Vue.js 2.0 UI Toolkit for Web

  7. react-bits

    The biggest open source library of animated, interactive & fully customizable React and NextJS components for building memorable websites.

    Project mention: How I Fixed a CSS Animation Bug in an Open Source React Library | dev.to | 2026-05-26

    If you want to check out the PR: https://github.com/DavidHDev/react-bits/pull/851

  8. daisyui

    🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

    Project mention: Standard CSS has become beautiful, Tailwind may no longer be necessary | dev.to | 2026-06-23

    What was born to solve this problem was Daisy UI.

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. Preact

    ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

    Project mention: How I put my Copilot agents in my pocket: zero servers, end-to-end encryption and one nasty iOS bug | dev.to | 2026-10-01

    The phone app is plain ES modules with no bundler: Preact and htm, marked and DOMPurify for Markdown, highlight.js, jsQR and a QR code generator. Each file is vendored and pinned by its SHA-256 in a lock file that a script verifies.

  11. heroui

    🚀 Beautiful, fast and modern React UI library. (Previously NextUI)

    Project mention: How to Make Your App Look Good When You’re Not a Designer | dev.to | 2026-08-06

    I have used HeroUI and Untitled UI, and I consider both good options. Both provide free components, but accessing their more complete collections of components, page examples, and application templates requires buying their paid versions. That can still be a sensible investment if it saves several days of design and development work.

  12. headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    Project mention: vue-select is abandoned. Here's what I built to replace it. | dev.to | 2026-02-26

    I want to be upfront: this isn't the only option. Radix Vue includes a combobox component, and Headless UI has a listbox. Both are excellent libraries.

  13. recharts

    Redefined chart library built with React and D3

  14. vant

    A lightweight, customizable Vue UI library for mobile web apps.

  15. iview

    A high quality UI Toolkit built on Vue.js 2.0

  16. magicui

    UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

    Project mention: Hyperiux Vault VS magicui - a user suggested alternative | libhunt.com/r/hyperiux-components | 2026-09-01
  17. tabler-icons

    A set of over 6200 free MIT-licensed high-quality SVG icons for you to use in your web projects.

    Project mention: Iconify: Library of Open Source Icons | news.ycombinator.com | 2026-01-17

    I've used Tabler for everything so far (free, 4500 icons)

    https://tabler.io/icons

  18. @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Palantir's secret weapon isn't AI – it's Ontology. An open-source deep dive | news.ycombinator.com | 2026-02-21

    I think their secret weapon is their opensource UI library.

    https://blueprintjs.com/

    I've been tracking this project since 2018. It hasn't changed drastically since then, but man it was polished and robust library.

  19. office-ui-fabric-react

    Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

  20. framework7

    Full featured HTML framework for building iOS & Android apps

    Project mention: Top 10 Frameworks for Hybrid Mobile Apps in 2026 | dev.to | 2025-12-19

    Framework7 is a hybrid mobile app framework focused on creating iOS and Android apps with a native look and feel. It is especially suitable for Progressive Web Apps (PWAs) and smaller projects. Framework7 comes with a comprehensive set of UI components that match each platform’s design guidelines, allowing developers to quickly build visually appealing applications with minimal configuration.

  21. vux

    Mobile UI Components based on Vue & WeUI

  22. bootstrap-vue

    MOVED to https://github.com/bootstrap-vue-next/bootstrap-vue-next

  23. nivo

    nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

  24. omi

    Web Components Framework - Web组件框架 (by Tencent)

  25. semantic-ui-react

    The official Semantic-UI-React integration

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

Components discussion

Log in or Post with

Components related posts

  • A Design System Is Not a Collection of Components

    2 projects | dev.to | 11 Oct 2026
  • I Used a Honeypot Instead of a CAPTCHA on Our Quote Form

    1 project | dev.to | 9 Oct 2026
  • 527 Free shadcn/ui Component Variants for React (Radix UI and Base UI)

    1 project | dev.to | 9 Oct 2026
  • I built a copy-paste JSON viewer for shadcn/ui

    3 projects | dev.to | 8 Oct 2026
  • PolinRider malware detected in two open PRs

    1 project | news.ycombinator.com | 21 Sep 2026
  • Why I stopped using random online tools (and built my own 100% local alternative)

    1 project | dev.to | 19 Sep 2026
  • The Blog Was the Shelf, the Lab Is the Workbench

    4 projects | dev.to | 14 Sep 2026
  • A note from our sponsor - AppSignal
    www.appsignal.com | 15 Oct 2026
    Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise. Learn more →

Index

What are some of the best open-source Component projects? This list will help you:

# Project Stars
1 Next.js 143,111
2 shadcn/ui 125,220
3 storybook 91,239
4 astro 63,151
5 Element UI 54,061
6 react-bits 48,816
7 daisyui 42,556
8 Preact 38,923
9 heroui 30,895
10 headlessui 28,772
11 recharts 27,618
12 vant 24,386
13 iview 23,749
14 magicui 22,518
15 tabler-icons 22,301
16 @blueprintjs/core 22,130
17 office-ui-fabric-react 20,319
18 framework7 18,763
19 vux 17,453
20 bootstrap-vue 14,414
21 nivo 14,106
22 omi 13,273
23 semantic-ui-react 13,212

Sponsored
AppSignal knows why the f*#k it crashed.
Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.
www.appsignal.com

Did you know that TypeScript is
the 2nd most popular programming language
based on number of references?