Displaying 1 to 20 from 28 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.

Open Props - CSS custom properties to help accelerate adaptive and consistent design

  •    HTML

Open Props provides CSS custom properties to help accelerate adaptive and consistent design. It expertly crafted web design tokens and create consistent components. You can pick from CSS, PostCSS, JSON, or props as Javascript. It includes Open Color (Version 1.9.1), an open-source color scheme optimized for UI development. It has support for Gradients, Shadows, Noise, Aspect Ratios, Typography, Animation and Media queries.

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.

functorch - functorch is a prototype of JAX-like composable function transforms for PyTorch.

  •    C++

This library is currently under heavy development - if you have suggestions on the API or use-cases you'd like to be covered, please open an github issue or reach out. We'd love to hear about how you're using the library. functorch is a prototype of JAX-like composable FUNCtion transforms for pyTORCH.

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.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.