README

使用Bootstrap 4设计系统开始您的开发。它是开源的、免费的，并提供了许多组件，可以帮助您创建令人惊叹的网站。

完全编码的组件

Argon设计系统由100多个单独的组件构建而成，让您有选择和组合的自由。所有组件都可以在颜色上有所变化，您可以使用SASS文件轻松修改。

从原型设计到完整功能的代码，您将节省大量时间，因为所有元素都已实现。本设计系统附带预构建示例，因此开发过程无缝，从我们的页面切换到真实网站非常容易。

每个元素都有多种颜色、样式、悬停、聚焦的状态，您可以轻松访问和使用。

复杂的文档

每个元素都在非常复杂的文档中有很好的展示。您可以在此处了解更多关于此设计系统背后的理念。您可以在此处查看组件，在此处查看基础。

示例页面

如果您想获得灵感或直接向客户展示，您可以使用我们预构建的示例页面快速开始开发。您将能够快速设置您Web项目的结构。

版本

我们还在为这些框架编写Argon设计系统。来看看

Vue.js

即将推出

Angular
React
Sketch
Photoshop

演示

下载和安装

从Github下载
从Creative Tim下载
使用Bower安装：bower install argon-design-system
使用Composer安装：composer create-project creativetimofficial/argon-design-system
从Github克隆：git clone {{ site.product.github_clone }}
使用Npm安装：npm i argon-design-system-free
使用Yarn安装：yarn add argon-design-system-free

部署

🚀 您可以一键将模板部署到Genezio

文档

Argon设计系统的文档托管在我们的网站上。

文件结构

在下载中，您将找到以下目录和文件

argon/ ├── CHANGELOG.md ├── LICENSE.md ├── README.md ├── assets/ ├── css/ │ ├── argon.css │ ├── argon.css.map │ ├── argon.min.css │ ├── argon.min.css.map └── img/ │ ├── argon/ │ ├── brand/ │ ├── icons/ │ ├── ill/ └── js/ │ ├── argon.js │ └── argon.min.js └── scss/ │ ├── bootstrap/ │ ├── custom/ │ ├── argon.scss └── vendor/ ├── bootstrap/ ├── bootstrap-datepicker/ ├── font-awesome/ ├── headroom/ ├── jquery/ ├── nouislider/ ├── nucleo/ ├── popper/