Git Product home page Git Product logo

aqua.css's Introduction

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

aqua.css's People

Contributors

alphardex avatar

Stargazers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.