creativetimofficial/argon-design-system

一款为Bootstrap 4设计的美丽设计系统。它是免费和开源的。

安装次数: 1 167

依赖项: 0

建议者: 0

安全性: 0

星标: 2 471

关注者: 45

分支: 489

开放问题: 30

语言:CSS

类型:项目

v1.0.1 2018-08-21 11:15 UTC

README

Product Gif

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

完全编码的组件

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

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

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

复杂的文档

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

示例页面

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

目录

版本

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

即将推出

  • 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

Deploy to 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/

浏览器支持

目前,我们正式支持以下浏览器的最后两个版本

资源

报告问题

我们使用 GitHub Issues 作为 Argon 设计系统的官方错误跟踪器。以下是我们用户想要报告问题时的一些建议

  1. 请确保您正在使用 Argon 设计系统的最新版本。检查我们网站上的 CHANGELOG 以验证您的副本:https://www.creative-tim.com
  2. 提供可复现问题的步骤将缩短修复所需的时间。
  3. 某些问题可能是浏览器特定的,因此指定您在哪个浏览器中遇到问题可能有所帮助。

技术支持或疑问

如果您有疑问或需要帮助整合产品,请联系我们而不是提交问题。

许可

有用链接

社交媒体