HTML CSS

Open-source HTML projects categorized as CSS

Top 23 HTML CSS Projects

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: Go + Hypermedia - A Learning Journey (Part 1) | dev.to | 2024-02-23

    TailwindCSS - utility-first CSS framework

  • tabler

    Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

    Project mention: Sqlx: I'm sorry I forked you | news.ycombinator.com | 2023-08-13

    This is a bug, PR welcome !

    https://github.com/tabler/tabler/issues/1648

  • WorkOS

    The modern API for authentication & user identity. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • You-Dont-Need-JavaScript

    CSS is powerful, you can do a lot of things without JS.

    Project mention: You-Dont-Need-JavaScript: CSS Only HTML Components | news.ycombinator.com | 2024-02-18
  • tabler-icons

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

    Project mention: How to use Tabler Icons in your React Native project? | dev.to | 2024-02-04

    Here is the full list of icons: Tabler Icons

  • TW-Elements

    𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎

    Project mention: 500 open-source components for TailwindCSS | dev.to | 2023-10-30

    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!

  • CoreUI-Free-Bootstrap-Admin-Template

    Free Bootstrap Admin & Dashboard Template

  • Milligram

    A minimalist CSS framework.

    Project mention: Concrete.css | news.ycombinator.com | 2024-02-08

    I had been using similar projects such as skeleton[0] and milligram[1] for small experiments such as repfl[2], and wanted to create something similar that I would find aesthetically pleasing and that would fit in as little space as possible. The current version of concrete.css is less than 1kb minzipped!

    [0] http://getskeleton.com/

    [1] https://milligram.io/

    [2] https://repfl.ch/

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

  • HyperUI

    Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS 🚀

  • BOOTSTRA.386

    A vintage 1980s DOS inspired Twitter Bootstrap theme

    Project mention: HoneyPot – I Made a Text Field Only Bots Use – Heres What Happened | news.ycombinator.com | 2023-11-18

    The simple work of splitting up the nonce at https://github.com/kristopolous/BOOTSTRA.386/blob/master/hom...

    Seems to be what makes the vast majority of the spam bots faceplant

  • Charts.css

    Open source CSS framework for data visualization.

  • win12

    Windows 12 网页版,在线体验 点击下面的链接在线体验

    Project mention: Windows 12 Online | news.ycombinator.com | 2023-09-08
  • Tufte CSS

    Style your webpage like Edward Tufte’s handouts.

    Project mention: Concrete.css | news.ycombinator.com | 2024-02-08

    As it is often said in various designer forums, please avoid pure white (#FFFFFF) on black (here #111111), as it makes the text glow for the human eyes (therefore making it unreadable for long text). Instead, try to lower a bit the contrast on the text color.

    Also, the dispositions for the buttons at the beginning (GitHub, NPM, ...) are not adjusted correctly for keyboard navigation (each button requires two tabs).

    Appart from that, I do like a minimalist stylesheet, so I will also recommend Tufte CSS [0] for readers.

    [0]: https://github.com/edwardtufte/tufte-css

  • css-reference

    CSS Reference: a free visual guide to the most popular CSS properties

    Project mention: 21 Resources to Learn And Practice Your CSS Skills | dev.to | 2023-12-26

    CSS Reference provides an easy-to-navigate reference guide for CSS properties. It’s a handy tool for quick lookups and learning.

  • mvp

    MVP.css — Minimalist classless CSS stylesheet for HTML elements

    Project mention: Ask HN: I'm bad at design, which stops me from finishing side projects. Advice? | news.ycombinator.com | 2023-11-22

    Buy a bootstrap theme, they're cheap and they offer a lot out of the box. Better solution than bare tailwind, which actually requires you to know how to design. I used tailwind on my personal website, result was good but I had to do a lot more than if I used a bootstrap theme.

    You make your app ui work within the boundaries of your bootstrap theme and you're good for 96% of the design stuff.

    If you don't want to even learn bootstrap css classes and stuff, consider https://andybrewer.github.io/mvp/

    It's amazing, you drop it and you have a theme based on the html only. I use this mostly for prototyping though

  • open-props

    CSS custom properties to help accelerate adaptive and consistent design.

    Project mention: Why Tailwind Isn't for Me | news.ycombinator.com | 2024-01-26

    I don't quite get the hate for having CSS in another file. Do you also put all your react stuff in one single file ? That same logic and argument can be applied against all modularization.

    And really 20-50 tailwind classes in a single element is VERY hard to read and keep in mind. No - it does not make things clear or understandable. One tends to need to re-read and scan over from the beginning and eyes glaze over. Esp if some elements only vary with a few classes missing. I guess it works for people with very high attention to detail and high amount of working memory. I only find it personally frustrating.

    Maybe tailwind css works for some bright people. I did try it for a couple of projects and only felt pain.

    However, the "atomic css" philosophy behind tailwind is great. I find framewroks like https://open-props.style/ far better to use.

  • hugo-theme-stack

    Card-style Hugo theme designed for bloggers

  • sakura

    :cherry_blossom: a minimal css framework/theme.

    Project mention: The classless and class-light CSS aproaches | dev.to | 2024-01-24
  • simple.css

    Simple.css is a CSS template that allows you to make a good looking website really quickly.

    Project mention: I hate CSS: how can I build UIs? | news.ycombinator.com | 2023-11-05

    Agreed, find a class-less framework to start, so that you focus on just the HTML, semantic structure first. Here's a couple of lists of such frameworks:

    https://github.com/troxler/awesome-css-frameworks#class-less

    https://github.com/dohliam/dropin-minimal-css

    Personally, I like simple.css (https://github.com/kevquirk/simple.css)

  • suit

    Style tools for UI components

  • pattern.css

    CSS only library to fill empty background with beautiful patterns.

  • vcard-personal-portfolio

    vCard is a fully responsive personal portfolio website, responsive for all devices.

  • bulma-templates

    free flexbox templates built with the bulma css framework

    Project mention: Bulma : Free Templates | /r/bulmacss | 2023-07-04

    If you're a beginner who wants to give it a go with bulma, or just an enthusiast who wishes to slap some content into existing template and have a web page, or maybe build some theme upon existing layout, take a look at Bulma Templates repo.

  • Dopefolio

    Dopefolio 🔥 - Portfolio Template for Developers 🚀

  • Onboard AI

    ChatGPT with full context of any GitHub repo. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at app.getonboardai.com.

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-02-23.

HTML CSS related posts

Index

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

Project Stars
1 Tailwind CSS 76,361
2 tabler 36,517
3 You-Dont-Need-JavaScript 18,775
4 tabler-icons 16,924
5 TW-Elements 12,527
6 CoreUI-Free-Bootstrap-Admin-Template 11,741
7 Milligram 10,144
8 HyperUI 7,167
9 BOOTSTRA.386 6,522
10 Charts.css 6,022
11 win12 5,890
12 Tufte CSS 5,633
13 css-reference 4,829
14 mvp 4,822
15 open-props 4,231
16 hugo-theme-stack 4,104
17 sakura 3,974
18 simple.css 3,827
19 suit 3,805
20 pattern.css 3,795
21 vcard-personal-portfolio 3,375
22 bulma-templates 3,220
23 Dopefolio 3,154
ChatGPT with full context of any GitHub repo.
Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at app.getonboardai.com.
app.getonboardai.com