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="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" />
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.