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.
How to make use of it:
Download and load the Water.css within the doc’s head part. The framework makes use of prefers-color-scheme to automatically set light and darkish 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="https://cdn.jsdelivr.net/npm/[email protected]/out/water.min.css" /> <!-- Light Theme --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/out/light.min.css" /> <!-- Dark Theme --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/out/dark.min.css" />
Minimal Elegant CSS Framework, Water CSS Plugin/Github
See Demo And Download
Official Website(kognise): Click Here
This superior jQuery/javascript plugin is developed by kognise. For extra Advanced Usages, please go to the official website.
Be First to Comment