0

uiGradients

美丽的颜色渐变，用于设计和编码。「? Beautiful colour gradients for design and code」

Official Site
Github repo
Main metrics

Github stars Tracking Chart

uiGradients

uiGradients 是一个社区贡献的美丽的多颜色梯度的集合。

关于

这是一种通过社会回馈社会的努力。希望这将帮助您获得启发，并为您为自己的项目选择渐变提供资源。

贡献

在库中添加一个渐变非常简单。所有渐变都是从根目录中的单个 gradients.json 文件加载和渲染的。

要添加渐变，请派生此存储库，将 HEX 格式的渐变颜色以及名称添加到 json 文件的末尾，然后提交拉请求。 不要忘记逗号！

[
    {
        …
    },
    {
      "name": "Career",
      "colors": ["#cb202d", "#dc1e28", "#3366cc"]
    }
]

注意-请在单独的PR中保留渐变提交和错误修复。

改进和错误

请随时在此处打开新问题，其中包含您的建议或可能遇到的任何错误。

数据

虽然没有官方的 api，但是所有的渐变都存在于 gradients.json 文件中。下面的代码是通过 CURL 请求获取数据的示例

curl -i https://raw.githubusercontent.com/ghosh/uiGradients/master/gradients.json

用uiGradients构建

使用uiGradients构建的一些开源项目

许可

MIT


（The first version translated by vz on 2020.07.18）

Main metrics

Overview
Name With Ownerghosh/uiGradients
Primary LanguageVue
Program languageJavaScript (Language Count: 4)
PlatformLinux, Mac, Web browsers, Windows
License:MIT License
所有者活动
Created At2014-09-01 18:04:38
Pushed At2024-07-29 14:50:11
Last Commit At2019-07-10 13:38:48
Release Count0
用户参与
Stargazers Count5.9k
Watchers Count122
Fork Count1.4k
Commits Count1.2k
Has Issues Enabled
Issues Count77
Issue Open Count24
Pull Requests Count380
Pull Requests Open Count205
Pull Requests Close Count270
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private

 

About

This is an effort to give back to the community, by the community. Hopefully this will help you draw inspiration and serve as a resource for picking gradients for your own projects.

 

Contributing

Adding a gradient to the library is super simple. All the gradients are loaded and rendered from a single gradients.json file in the root.

To add your gradient, fork this repository, add your gradient colors in the HEX format along with a name to the end of the json file and submit a pull request. Don't forget the commas!

[
    {
        …
    },
    {
      "name": "Career",
      "colors": ["#cb202d", "#dc1e28", "#3366cc"]
    }
]

NOTE - Please keep gradient submissions and bug fixes in separate PRs.

 

Improvements and Bugs

Please feel free to open a new issue here with your suggestions or any bugs which you may have come across.

 

Data

While there is no official api, all the gradients are present in the gradients.json file. The code below is an example of fetching the data via a CURL request

curl -i https://raw.githubusercontent.com/ghosh/uiGradients/master/gradients.json

 

Built with uiGradients

A few open source projects built with uiGradients

 

License

MIT