Responsive and Beautiful CSS Framework | Water.css


Water.css is a simple front-end CSS framework that helps web developers create a clean simple web application in an elegant way.

A collection of easy-to-use CSS styles to make simple websites a little better.

Must Read: JavaScript Library to Realistic Water Ripple Effect Using WebGL

How to make use of it:

Download and load theĀ Water.css. The framework makes use of the prefers-color-scheme to automatically set light and dark themes.

<!-- Auto Theme -->
<link rel="stylesheet" href="./dist/water.min.css" />

<!-- Light Theme -->
<link rel="stylesheet" href="./dist/light.min.css" />

<!-- Dark Theme -->
<link rel="stylesheet" href="./dist/dark.min.css" />

Or from a CDN.

<!-- Auto Theme -->
<link rel="stylesheet" href="[email protected]/out/water.min.css" />

<!-- Light Theme -->
<link rel="stylesheet" href="[email protected]/out/light.min.css" />

<!-- Dark Theme -->
<link rel="stylesheet" href="[email protected]/out/dark.min.css" />

See Demo And Download

Official Website(kognise): Click Here

This superior jQuery/javascript plugin is developed by kognise. For extra Advanced usage, please go to the official website.