HTML CSS

Open-source HTML projects categorized as CSS
Edit details
Topics: HTML JavaScript Html5 JS HacktoberFest
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
Sponsored

Top 23 HTML CSS Projects

  • 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

  • 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

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

    InfluxDB logo

  • 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

  • win12

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

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

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

    WorkOS logo

  • Charts.css

    Open source CSS framework for data visualization.

  • 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

  • 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

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

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

  • pattern.css

    CSS only library to fill empty background with beautiful patterns.

  • suit

    Style tools for UI components

  • 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

  • modern-font-stacks

    System font stack CSS organized by typeface classification for every modern operating system

  • 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 CSS related posts

Index

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

Project Stars
1 tabler 36,952
2 You-Dont-Need-JavaScript 18,837
3 CoreUI-Free-Bootstrap-Admin-Template 11,806
4 Milligram 10,158
5 HyperUI 8,252
6 BOOTSTRA.386 6,550
7 win12 6,138
8 Charts.css 6,106
9 Tufte CSS 5,790
10 mvp 4,867
11 css-reference 4,849
12 open-props 4,390
13 hugo-theme-stack 4,377
14 sakura 4,022
15 simple.css 3,918
16 pattern.css 3,810
17 suit 3,799
18 vcard-personal-portfolio 3,770
19 bulma-templates 3,232
20 Dopefolio 3,224
21 latex-css 2,692
22 penthouse 2,620
23 modern-font-stacks 2,406

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com