Displaying 1 to 20 from 21 results

grade - This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images

  •    Javascript

Download this repo and grab the grade.js file from the /docs/dist folder. If you pass in a 3rd parameter and it's a function, the HTML element(s) you passed in as the 1st parameter will not be manipulated, but an array will be returned to you, for you to do as you please with, ie.

myth - A CSS preprocessor that acts like a polyfill for future versions of the spec.

  •    Javascript

CSS the way it was imagined. Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It's like a CSS polyfill.

uiGradients - 🔴 Beautiful colour gradients for design and code

  •    Vue

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




SkeletonView - An elegant way to show users that something is happening and also prepare them to which contents he is waiting

  •    Swift

Today almost all apps have async processes, such as Api requests, long running processes, etc. And while the processes are working, usually developers place a loading view to show users that something is going on. SkeletonView has been conceived to address this need, an elegant way to show users that something is happening and also prepare them to which contents he is waiting.

shade - Gradient explorer

  •    HTML

Mathematically derived gradient explorer

postcss-easing-gradients - PostCSS plugin to create smooth linear-gradients that approximate easing functions

  •    Javascript

The steps syntax is also being figured out and currently this is supported. See PostCSS Usage docs for examples for your environment.

Skeleton - 💀 An easy way to create sliding CAGradientLayer animations! Works great for creating skeleton screens for loading content

  •    Swift

You can check out the example and the documentation for more. To run the example project, clone the repo, and run pod install from the Example directory first.


gradient-inspector - Chrome extension that provides a friendly way to inspect gradients of an element

  •    Javascript

Chrome Extension that adds a sidebar to the Developer Tools that displays information about the gradients applied to the inspected element. You can also toggle each gradient individually as they are different layers. You can install this plugin via Chrome Web Store or Opera Addons Page.

gradient-string - :rainbow: Beautiful color gradients in terminal output

  •    Javascript

The colors are parsed with TinyColor, multiple formats are accepted.In some cases, you may want to apply the same horizontal gradient on each line of a long text (or a piece of ASCII art).

postcss-conic-gradient - Use conic gradients in your CSS files

  •    Javascript

PostCSS Conic Gradient is a PostCSS plugin that allows you to use conic gradients in your CSS files. It is based on Lea Verou’s excellent conic-gradient polyfill.

AngleGradientBorderTutorial - Sample code for creating a border filled with an angle gradient in iOS Swift

  •    Swift

Sample code for creating a border filled with an angle gradient in iOS Swift. Read the tutorial that goes along with this code.

gradients - Gradients!

  •    HTML

CSS module for quickly setting gradients with single purpose classes. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

SassyGradients - [UNMAINTAINED] Sass helpers to manipulate gradients.

  •    CSS

Sass helpers to manipulate gradients. Read API documentation. To instantiate a new Gradient, use the exact same syntax as CSS with the sg-gradient function.

tailwindcss-plugins - 🔌🌊 Set of useful plugins for tailwindcss

  •    Javascript

More to come. Don't hesitate to share your ideas by opening an issue.

chromatic-sass - Advanced color manipulation for node sass

  •    CoffeeScript

Chromatic is a node-sass wrapper around chroma.js with a few Sass-specific additions. Because of it's ability to support the LAB color space, Chromatic's color manipulation abilities can act as drop-in improvements for Sass's native color manipulation functions such as darken, saturate, and mix.

draGGradients - A simple tool to generate and customize multiple css3 radial gradients.

  •    Javascript

A simple tool to generate and customize multiple css3 radial gradients. I get back an old project that uses a multiple gradient jpg image as a background and started to generate the same image in css-only. Instead of code only this image I finished doing this little stuff.

AGVolumeControlView - Visual regulator can be connected to a player or other smart house’s device making the process of controlling the level of a particular characteristic

  •    Swift

We’re happy to introduce you a new free regulator AGVolumeControlView based on our lightweight open-source visual component that doesn't require extra lines of code and can be easily integrated into your project. Visual regulator can be connected to a player or other smart house’s device making the process of controlling the level of a particular characteristic much easier. And start playing your control. AGVolumeControl is a regulator of any controllable parameter, such as the volume, brightness, speed, etc.