Pico CSS Framework

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarQube - Static code analysis for 29 languages.
  • Scout APM - Less time debugging, more time building
  • pico

    Minimal CSS Framework for semantic HTML

  • htmx

    </> htmx - high power tools for HTML

    > I suppose if you're throwing together some hacky admin page that 2 people are going to use in a year

    I have to build a _lot_ of those across all sorts of contracts that I do.

    Libraries like Pico CSS and htmx [0] let me do this incredibly rapidly, with it looking fine and working great, while keeping the maintenance burden low for the future

    [0] https://htmx.org/

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • sakura

    :cherry_blossom: a minimal css framework/theme.

    I agree. That is why I actually just decided to use different css files for different themes in sakura.css [1] (it comes in at 3.8k / ~1.8k gzipped)

    I also had friends who didn't want to understand CSS, and adding in media queries, variables, and dark mode support would only just confuse them even more.

    [1]: https://github.com/oxalorg/sakura

  • BareCSS

    A classless CSS framework

    Reminds me of a framework I made 6 years ago (http://barecss.com). If this sort of thing comes back into trend I might go back and modernise it (https://github.com/longsien/BareCSS).

  • mu

    The μ css framework — a 1 ko css file. (by BafS)

  • Alpine.js

    A rugged, minimal framework for composing JavaScript behavior in your markup.

    https://htmx.org/

    That does 90% of what I need when sprinkling backend AJAX-y interactivity on a straight HTML page with a backend that sends JSON or HTML back.

    For more jquery-esque fine-grained control:

    https://alpinejs.dev/

    I love both of these libraries.

  • Water.css

    A drop-in collection of CSS styles to make simple websites just a little nicer

    On a similar vein, I'm a fan of water.css for small / quick projects: https://watercss.kognise.dev/

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • dropin-minimal-css

    Drop-in switcher for previewing minimal CSS frameworks

    This is great! I've added it to this big list[0] of classless/minimal CSS frameworks (100+ frameworks) to make it easier to compare to other similar projects.

    For those interested in Pico (which is already on the list), you can preview it on some boilerplate HTML here[1] or use the Javascript bookmarklet[2] to preview how it would look on any arbitrary page, which can be helpful for prototyping a new site.

    [0]: https://github.com/dohliam/dropin-minimal-css

  • govuk-frontend

    GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.

    For those curious, the UK Gov design system is also a publicly available resource:

    https://design-system.service.gov.uk/

    https://frontend.design-system.service.gov.uk/

  • html5-test-page

    A page filled with common HTML elements to be used for testing purposes. Useful when building CSS systems for projects big and small.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts