All Projects → alphardex → Aqua.css

alphardex / Aqua.css

Licence: mit
An elegant CSS Framework.

Projects that are alternatives of or similar to Aqua.css

Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (+183%)
Mutual labels:  css-framework, scss, sass
Siimple
The minimal CSS toolkit for flat and clean designs
Stars: ✭ 502 (+98.42%)
Mutual labels:  css-framework, scss, sass
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Stars: ✭ 154,459 (+60950.99%)
Mutual labels:  css-framework, scss, sass
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (-47.43%)
Mutual labels:  css-framework, scss, sass
Avalanche
A package based CSS framework.
Stars: ✭ 86 (-66.01%)
Mutual labels:  css-framework, scss, sass
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (+209.49%)
Mutual labels:  css-framework, scss, sass
Bulma Helpers
Library with missing Functional / Atomic CSS classes for Bulma framework
Stars: ✭ 263 (+3.95%)
Mutual labels:  css-framework, scss, sass
Hive Framework
A website development framework built with Sass, and incorporating jQuery UI.
Stars: ✭ 14 (-94.47%)
Mutual labels:  css-framework, scss, sass
Fictoan
Mockups with markup — https://sujan-s.github.io/fictoan/
Stars: ✭ 114 (-54.94%)
Mutual labels:  css-framework, scss, sass
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (-39.13%)
Mutual labels:  css-framework, scss, sass
Include Media
📐 Simple, elegant and maintainable media queries in Sass
Stars: ✭ 2,362 (+833.6%)
Mutual labels:  scss, sass
Iota
A responsive micro-framework for the grid spec powered by CSS custom properties.
Stars: ✭ 189 (-25.3%)
Mutual labels:  scss, sass
Sass Extract
Extract structured variables from sass files
Stars: ✭ 183 (-27.67%)
Mutual labels:  scss, sass
Sass Extras
Useful utilities for working with Sass
Stars: ✭ 179 (-29.25%)
Mutual labels:  scss, sass
Typed Scss Modules
🎁 Generate type definitions (.d.ts) for CSS Modules using SCSS
Stars: ✭ 192 (-24.11%)
Mutual labels:  scss, sass
Nuxt Sass Resources Loader
SASS resources (e.g. variables, mixins etc.) module for NuxtJs
Stars: ✭ 191 (-24.51%)
Mutual labels:  scss, sass
Charts.css
Open source CSS framework for data visualization.
Stars: ✭ 4,595 (+1716.21%)
Mutual labels:  css-framework, scss
Django Static Precompiler
Django Static Precompiler provides template tags and filters to compile CoffeeScript, LiveScript, SASS / SCSS, LESS, Stylus, Babel and Handlebars. It works with both inline code and external files.
Stars: ✭ 206 (-18.58%)
Mutual labels:  scss, sass
Style Resources Loader
CSS processor resources loader for webpack
Stars: ✭ 214 (-15.42%)
Mutual labels:  scss, sass
Buttercake
Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰
Stars: ✭ 178 (-29.64%)
Mutual labels:  css-framework, scss

aqua.css

Version Documentation Twitter: alphardex007

A delicate CSS framework for humans.

🏠 文档

范例

Dashboard

地址:猛戳这里

看到这么精美的 Dashboard 是不是心动了?快来尝试一下吧!

安装

通过 cdn 引用

在页面的<head>标签里添加以下行即可

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.jsdelivr.net/gh/alphardex/aqua.css/dist/aqua.min.css"
/>

通过 npm 安装

npm i @alphardex/aqua.css -S

特点

易用

aqua.css 是一个纯 CSS 框架,没有任何 JS

如果想使用本框架,直接引入 CSS 文件即可

诸如 React、Vue 之类框架一概不需掌握,参照组件 demo 复制粘贴就能跑出效果来

并且该框架提供了许多极其实用的工具类,可以直接用在 HTML 上,这样既省去了给 CSS 命名的功夫,又防止了 CSS 文件的膨胀

易定制

阅读本项目源码你会发现许多 CSS 变量,它们往往决定了组件的色彩,如果你想“换肤”,只需用不同的颜色变量覆盖即可

由于没有 JS 的掺和,因此想定制本项目的组件是一件非常容易的事情,只需定制你自己的 CSS 即可

有学习价值

本项目用到了很多有趣且实用的 CSS 技巧,非常适合学习

Author

👤 alphardex

Show your support

Give a ⭐️ if this project helped you!


This README was generated with ❤️ by readme-md-generator

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].