HTML UI Components

Open-source HTML projects categorized as UI Components

Top 18 HTML UI Component Projects

UI Components
  • Charts.css

    Open source CSS framework for data visualization.

  • CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  • preline

    Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

    Project mention: Build Your Application Faster with These TailwindCSS Components Libraries | dev.to | 2024-09-04

    Preline UI (Free & Pro Version)

  • pnotify

    Beautiful JavaScript notifications with Web Notifications support.

  • tagify

    ๐Ÿ”– lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue

  • merakiui

    Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode ๐Ÿš€ โ˜„๏ธ.

  • sailboatui

    Sailboat UI is a modern UI component library for Tailwind CSS

  • tailadmin-free-tailwind-dashboard-template

    Free and Open-source Tailwind CSS Dashboard Admin Template that comes with all essential dashboard UI components, pages and elements

    Project mention: Top 7+ Free Tailwind React Admin Dashboard Templates forย 2024 | dev.to | 2023-12-07

    TailAdmin, your go-to React-Tailwind dashboard template, is not just free; it's a powerhouse for developers. This open-source gem is built on React and Tailwind CSS, serving as a foundational solution for creating robust back-ends, data-driven dashboards, or admin panels for your web projects.

  • SaaSHub

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

    SaaSHub logo
  • tailwind-ui-components

    Tailwind CSS UI library, featuring over 600 top-tier Tailwind CSS UI components and blocks. Each one is handcrafted for modern websites, landing pages, web applications, dashboards, ecommerce platforms, and more.

    Project mention: 15+ Top React Header Components to use in 2024 | dev.to | 2024-09-28

    This post covers 15+ top React header components to help you build stunning hero sections for any websiteโ€Š-โ€Šwhether it's an e-commerce platform, corporate site, or personal portfolio. From TailGrids to other popular Tailwind React libraries, these header components are designed to fit your specific needs and projects.

  • blocks.css

    Add some dimension to your page with blocks ๐Ÿš€

  • seamless-ui

    The next gen UI made with simple HTML and Tailwind CSS. It's compatible with simple HTML, CSS static website or a React, Vue, Angular or Next.js Complex app. Zero JS and no-plugins installed.

  • KendoReact Grid

    Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

  • bootstrap-ui-components

    Bootstrap UI Components - Free Core Version of Ayro UI, A Bootstrap HTML UI Library, with Beautiful & Essential UI Components and Minimal Design System.

  • TW-Elements-React

    TW Elements for React - ๐™ƒ๐™ช๐™œ๐™š collection of Tailwind + React components, sections and templates ๐Ÿ˜Ž

    Project mention: 500 open-source components for TailwindCSS | dev.to | 2023-12-14

    I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!

  • ui-challenges

    UI challenges by Semicolon, we accept challenges on twitter on #SemicolonChallenge

  • tailwind-angular-starter

    Free and open-source starter project to help you get started with Angular, Tailwind CSS and the Flowbite UI components

  • BootstrapExtended

    BootstrapExtended is a library that extends normal bootstrap with more components!

  • nodejs-suite-demo

    Examples of using DHTMLX Suite widgets with Node.js. Learn more about Suite:

    Project mention: Top Technology, Web Development, and JavaScript Trends to Follow in 2024 | dev.to | 2024-01-04

    For instance, the current unstable political and economic situation in the world certainly makes investors very cautious about financing any web project. It can be a serious problem for startups, where lack or shortage of investments often turn out to be an insurmountable obstacle. This year, weโ€™ve launched a special DHTMLX discount program to assist startup businesses deliberating over the usage of our products in their apps. This initiative allows startups to purchase top DHTMLX JavaScript UI components (Gantt, Scheduler, Suite) with 70% discounts and benefit from them at the early stages of their web or cloud-based projects. In addition to a huge discount, this program provides personalized technical support and a large base of support materials.

  • Estuary-Redux

    A revived, modern looking version of the Estuary CSS design framework.

  • 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).

HTML UI Components discussion

Log in or Post with

HTML UI Components related posts

  • 15+ Top React Header Components to use in 2024

    1 project | dev.to | 28 Sep 2024
  • How does tailwind CSS work?

    2 projects | /r/tailwindcss | 11 Jul 2023
  • Looking for help with CSS framework based on Kodi / Estuary.

    2 projects | /r/kodi | 30 Jun 2023
  • [HELP] Anybody know where the .html files are?

    1 project | /r/StableDiffusion | 16 May 2023
  • how do i do this

    2 projects | /r/webdev | 26 Apr 2023
  • Am I doing this right? Feeding the gradio docs to Alpaca

    1 project | /r/LocalLLaMA | 16 Apr 2023
  • Why was Ooba updated with a new UI?

    2 projects | /r/PygmalionAI | 8 Apr 2023
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 3 Nov 2024
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more โ†’

Index

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

Project Stars
1 Charts.css 6,228
2 preline 4,830
3 pnotify 3,650
4 tagify 3,532
5 merakiui 2,543
6 sailboatui 1,248
7 tailadmin-free-tailwind-dashboard-template 1,242
8 tailwind-ui-components 1,092
9 blocks.css 466
10 seamless-ui 310
11 KendoReact Grid 211
12 bootstrap-ui-components 192
13 TW-Elements-React 139
14 ui-challenges 92
15 tailwind-angular-starter 21
16 BootstrapExtended 10
17 nodejs-suite-demo 6
18 Estuary-Redux 4

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you konow that HTML is
the 11th most popular programming language
based on number of metions?