All Projects → itmeo → Webgradients

itmeo / Webgradients

Licence: mit
A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats.

Programming Languages

CSS
56736 projects

Projects that are alternatives of or similar to Webgradients

Image Palette
Generate a WCAG compliant color theme from any image
Stars: ✭ 331 (-84.93%)
Mutual labels:  design, palette, colors
Gradients
🌔 A curated collection of splendid 180+ gradients made in swift
Stars: ✭ 719 (-67.27%)
Mutual labels:  design, palette, gradient
Prism
Creates a beautiful artboard color palette with all your 'Document Colors' and their respective color label in a variety of formats.
Stars: ✭ 1,027 (-53.25%)
Mutual labels:  design, palette
Materialdesigncolor
This project shows the color in material design
Stars: ✭ 55 (-97.5%)
Mutual labels:  design, colors
Portfolio
📰 Meu portfólio criado com o objetivo de mostrar meus projetos recentes e futuros ao longo da minha carreira.
Stars: ✭ 178 (-91.9%)
Mutual labels:  design, front-end
Flowing Gradient
Android Library to make a flowing gradient effect, similar to that used in Instagram Android login screen
Stars: ✭ 701 (-68.09%)
Mutual labels:  colors, gradient
Gradientbutton
A Button that supports gradient ramp for background, the Angle of the circular, shadow. You can also customize it use hardcode.(支持渐变色背景、带阴影、可设置圆角的按钮)
Stars: ✭ 19 (-99.14%)
Mutual labels:  background, gradient
Color Names
Large list of handpicked color names 🌈
Stars: ✭ 1,198 (-45.47%)
Mutual labels:  palette, colors
Iroiro
Beautiful Colors Lookup in CLI
Stars: ✭ 470 (-78.61%)
Mutual labels:  palette, colors
Awesome Gradient
😎 A curated list of awesome Gradient frameworks, libraries and software and resources
Stars: ✭ 98 (-95.54%)
Mutual labels:  design, gradient
React Color Tools
A set of tools as React components for working with colors 🎨
Stars: ✭ 87 (-96.04%)
Mutual labels:  design, colors
Material Palette Generator
🎨 Get perfect Material Design color palettes from any hex color.
Stars: ✭ 114 (-94.81%)
Mutual labels:  palette, colors
Html Sketchapp Cli
Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp
Stars: ✭ 631 (-71.28%)
Mutual labels:  design, front-end
Color.js
Extract colors from an image (0.75 KB) 🎨
Stars: ✭ 42 (-98.09%)
Mutual labels:  palette, colors
Hero Generator
🦸🏻‍♀️Hero Generator! Create a nice hero image for your site or app
Stars: ✭ 549 (-75.01%)
Mutual labels:  background, gradient
Ui Challenges
UI challenges by Semicolon, we accept challenges on twitter on #SemicolonChallenge
Stars: ✭ 69 (-96.86%)
Mutual labels:  pure, design
Xamarin.forms.backgroundkit
🔨 A powerful Kit for customizing the background of Xamarin.Forms views
Stars: ✭ 167 (-92.4%)
Mutual labels:  background, gradient
Playroom
Design with JSX, powered by your own component library.
Stars: ✭ 4,033 (+83.57%)
Mutual labels:  design, front-end
Nord
An arctic, north-bluish color palette.
Stars: ✭ 4,816 (+119.21%)
Mutual labels:  palette, colors
Patternfly Design
Use this repo to file all new feature or design change requests for the PatternFly project
Stars: ✭ 82 (-96.27%)
Mutual labels:  design, front-end

WebGradients

A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats. View all the gradients here »

N|Solid

How To Use

  1. Download the file webgradients.css.
  2. Place the file in your project folder.
  3. Link the file it in the <head> of your document.
<html>
  <head>
    <link href="webgradients.css" rel="stylesheet">
  </head>
  ...

Browser Compatibility

Some gradients uses the background-blend-mode CSS property. It's supported by the majority of the modern browsers. View full compatibility list (view on Caniuse) »

You can learn more about background-blend-mode here (view on MDN) »

License

WebGradients is created under the MIT license.

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].