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: I Deployed My Own Cute Lil’ Private Internet (a.k.a. VPC) | dev.to | 2024-03-18

    Each app’s front end is built with Qwik and uses Tailwind for styling. The server-side is powered by Qwik City (Qwik’s official meta-framework) and runs on Node.js hosted on a shared Linode VPS. The apps also use PM2 for process management and Caddy as a reverse proxy and SSL provisioner. The data is stored in a PostgreSQL database that also runs on a shared Linode VPS. The apps interact with the database using Drizzle, an Object-Relational Mapper (ORM) for JavaScript. The entire infrastructure for both apps is managed with Terraform using the Terraform Linode provider, which was new to me, but made provisioning and destroying infrastructure really fast and easy (once I learned how it all worked).

  • 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

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

  • 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
  • CoreUI-Free-Bootstrap-Admin-Template

    Free Bootstrap Admin & Dashboard Template

    Project mention: React Component Libraries | dev.to | 2024-03-13

    Official Website: https://coreui.io/

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

  • 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

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

  • 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: Learn CSS Layout the Pedantic Way | news.ycombinator.com | 2024-02-27

    There's still some boilerplate, but I'm a big fan of Open Props[0] because it takes a hybrid approach. CSS isn't necessarily reinventing the wheel, but allowing for easier / more powerful approaches to difficult layouts or things that would otherwise require JS. Bootstrap is fine but troubleshooting advanced layout issues involves a lot of inspecting elements to see what styles are actually being applied (at least in my experience, YMMV) so I'd personally always bet on CSS.

    [0] https://open-props.style/

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

  • latex-css

    LaTeX.css is a CSS library that makes your website look like a LaTeX document

  • penthouse

    Generate critical css for your web pages

  • SaaSHub

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

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-03-18.

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 77,084
2 tabler 36,656
3 You-Dont-Need-JavaScript 18,791
4 CoreUI-Free-Bootstrap-Admin-Template 11,755
5 Milligram 10,146
6 HyperUI 7,714
7 BOOTSTRA.386 6,525
8 Charts.css 6,035
9 win12 5,964
10 Tufte CSS 5,790
11 css-reference 4,849
12 mvp 4,836
13 open-props 4,316
14 hugo-theme-stack 4,177
15 sakura 3,994
16 simple.css 3,865
17 suit 3,799
18 pattern.css 3,795
19 vcard-personal-portfolio 3,569
20 bulma-templates 3,221
21 Dopefolio 3,190
22 latex-css 2,676
23 penthouse 2,617
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com