Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in

Water.css

Make your tiny website just a little nicer

5.0
•3 reviews•

32 followers

Make your tiny website just a little nicer

5.0
•3 reviews•

32 followers

Visit website
Design resources
•
UI frameworks
A just-add-css collection of styles to make tiny static websites just a little bit more pretty.
  • Overview
  • Launches1
  • Reviews3
  • Alternatives
  • Team
  • Awards
  • More
Company Info
github.com/kognise/water.cssGitHub
Water.css Info
Launched in 2019View 1 launch
Forum
p/water-css
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt
SocialX

Similar Products

Tailwind CSS
Tailwind CSS
A utility-first CSS framework for rapid UI development
4.9(263 reviews)
Interface design toolsEngineering & Development
Appwrite
Appwrite — The open-source Vercel alternative
The open-source Vercel alternative
Promoted

Do you use Water.css?

5.0
Based on 3 reviews
Review Water.css?

Water.css is praised for its simplicity and effectiveness in enhancing the appearance of small static websites. Users appreciate its ease of use and the inclusion of light/dark themes. The collection of styles is noted for making standard elements look more appealing, and there is a hope among users that it will continue to be maintained. Overall, Water.css is valued for its ability to quickly and effortlessly improve the aesthetics of basic web pages.

Edward NovohatskyEfrem TonioniSimon Wardle
Summarized with AI
Reviews
Helpful
Water.css gallery image
Water.css gallery image
Water.css gallery image
Launch tags:
Productivity•Developer Tools•GitHub
Launch Team
Kognise

What do you think? …

Yuval Greenfield
Yuval Greenfield
movie2cal

movie2cal

Hi @felix_mattick I like this direction. I decided to open a "class-less" css gallery at https://www.cssbed.com/ and water-css is currently the best entry :)
Report
6yr ago
Kognise
Kognise

FontKey

Maker
@ubershmekel Ooh, that's a cool project! Thanks for featuring Water.css
Report
6yr ago
Anna Filou
Anna Filou
@felix_mattick @ubershmekel omg I love this website!! Thanks so much for making it!
Report
5yr ago
Kognise
Kognise

FontKey

Maker
Hey developers of Product Hunt! I commonly make tiny static websites for API demos and such, and always run into the same problem: I hate the browser's default styles but don't want to spend time writing my own stylesheet for something so small. Now you can just include Water.css in your and forget about it! Features: - Default dark theme 🌚 - Light theme if you want 🌞 - Tiny and lightweight 💻 - No classes required to make everything pretty ✨ Is this a replacement for Bootstrap and the likes? No, it's not at all. If you want to customize how your website looks, you probably don't want to be using Water! By all means, use Bootstrap or Bulma or whatever CSS framework you like. I'd love to hear some feedback on how to improve Water.css! I've already incorporated some suggestions from users on Reddit.
Report
6yr ago
Stas Kulesh
Stas Kulesh
UIQuill

UIQuill

@felix_mattick Starred on GitHub. A couple of points here. (1) Should it include '58 Bytes of CSS to look great nearly everywhere ' * ? ``` main { max-width: 38rem; padding: 1.5rem; margin: auto; } ``` (2) Can it automatically choose a light or dark theme based on my OS preferences? * https://news.ycombinator.com/ite...
Report
6yr ago
Stas Kulesh
Stas Kulesh
UIQuill

UIQuill

@felix_mattick Use `prefers-color-scheme` media query to allow user switch between dark/light schemes using OS features. https://developer.mozilla.org/en...
Report
6yr ago
Kognise
Kognise

FontKey

Maker
@stas_kulesh (1) Should it? (2) Prefers-color-scheme support is coming soon
Report
6yr ago
Stas Kulesh
Stas Kulesh
UIQuill

UIQuill

@felix_mattick @media The reasoning in the original '58 bytes' posts seem to resonate well with what you've been trying to achieve. Check it out https://jrl.ninja/etc/1/
Report
6yr ago
Yuval Greenfield
Yuval Greenfield
movie2cal

movie2cal

All the big css frameworks rely on classes. It makes sense to have better CSS starting points upon which you can build. That means a css framework that's smaller, and does not require learning classes you'll eventually have to reverse engineer.

Pros:

Simple css, looks pretty good.

Cons:

If you're going to do everything from scratch, then you might as well use a css reset instead.

Report
6yr ago
Edward Novohatsky
Edward Novohatsky
•1 review
thank you! its awesome. especially light/dark theme
Report
10mo ago
Efrem Tonioni
Efrem Tonioni
•1 review
It is usefull. Just standar elements. I hope it will be mantained
Report
2yr ago
Simon Wardle
Simon Wardle
•1 review
Very simple to use and just make simple pages look pretty
Report
2yr ago