Gradient & color tools that make your work pop.... Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?show more

Found some ridiculously good resources for background gradients &... colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?show more

I've built a new mesh gradient shader tool. Multiple... presets and fully customizable fluid gradientsshow more

Introducing Better Gradient, a collaboration between Plugin Play and... Ravie "The Gradient Guys" .co Now available at - Save gradient presets - Customize your color interpolation with graph easing - Significantly improved color rendering to get rid of the gross grays AE typically produces between color stops. - Animate gradients along paths with shadows - and so much more! Effortlessly blend colors into mesmerizing kaleidoscopes of gradient joy. Mapping, paths, you name it, you can gradient it. Launch video direction, design, and animation from Sam Essanoussi and Justin De Leon.show more

Some new gradient collections were added to Grainient family... last week. More gradients and Animated backgrounds are coming.. BTW, created this cool animation with animos appshow more

Introducing "Plant gradient map"✨ This gradient set is perfect... for adding a unified coloring to your forest illustrations. Use it on grayscale drawings for the best result and choose from over 30 gradients🌳 🔽Details here:show more

Text Layer Gradients — is this After Effects or... Cavalry? Collaboration with fremox coming soon 😎 #PluginEverything #gradient #design #adobe #aftereffects #cavalry #mograph #typography #motiondesign #motionart #motionmass #motionlovers #motiongraphic #buckuback #animationshow more

Cool Animated gradients + Illustrative UI = Killer web cards.

Launched a Framer component, Gradient Strips, last week. Layered... gradients bars with subtle depth and flexible customization options. Really happy with how it turned out.show more

you should be able to draw with mesh gradients!... super excited to release v1 of this tool sometime next week.show more

Use CSS @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 to unlock things like > Animated... conic gradients > Rotating borders, loaders > Hover transition on gradient stops the regular --𝚊𝚗𝚐𝚕𝚎 variable doesn't work with animating gradient stops because CSS has to idea how to interpolate it @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 fixes that with , and more @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 --𝚊𝚗𝚐𝚕𝚎 { 𝚜𝚢𝚗𝚝𝚊𝚡: ' '; 𝚒𝚗𝚑𝚎𝚛𝚒𝚝𝚜: 𝚏𝚊𝚕𝚜𝚎; 𝚒𝚗𝚒𝚝𝚒𝚊𝚕-𝚟𝚊𝚕𝚞𝚎: 𝟶𝚍𝚎𝚐; } .𝚌𝚊𝚛𝚍 { --𝚊𝚗𝚐𝚕𝚎: 𝟶𝚍𝚎𝚐; 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚕𝚒𝚗𝚎𝚊𝚛-𝚐𝚛𝚊𝚍𝚒𝚎𝚗𝚝( 𝚟𝚊𝚛(--𝚊𝚗𝚐𝚕𝚎), #𝟹𝟾𝚋𝚍𝚏𝟾, #𝟶𝚎𝚊𝟻𝚎𝟿, #𝟸𝟻𝟼𝟹𝚎𝚋, #𝟷𝚎𝟺𝟶𝚊𝚏 ); 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗: --𝚊𝚗𝚐𝚕𝚎 𝟶.𝟾𝚜 𝚎𝚊𝚜𝚎; } .𝚌𝚊𝚛𝚍:𝚑𝚘𝚟𝚎𝚛 { --𝚊𝚗𝚐𝚕𝚎: 𝟺𝟻𝚍𝚎𝚐; } Defaults to initial value so you don't have to set them everytimeshow more

Color palette generator that applies colors to your design... Spectrum allows selecting various color properties such as palette cap and hues, and seeing how colors apply to various assets like interfaces, illustrations and gradientsshow more

Gradients look better with some 3d depth

Mesh Gradient editor with real-time SwiftUI code generation.

Experimental visual cards. look great with the new gradients... of along liquid glass shader.show more

In 2020, as part of our research into what... makes Japanese colours so unique, we ran a little experiment on combining them into harmonious gradients that we coined “Japanese Gradients”. Little did we know that JAPANESE GRADIENTS [ FOR UI ]™ would become one of our best-selling products and a hugely influential project in the design community. THANK YOU ALL for your support and purchases! #NuevoTokyo10thAnniversaryshow more

(re-)introducing Avatars fully generative gradients based on seed available... on npm and fully open-source grab it here:show more

Tennis & Gradients

some custom node controls for editing mesh gradients. i... wanted to be able to distinguish between grabbing a node and grabbing the effect area. so when you hover over that circle, your cursor disappears and only shows the arc.show more

Really trying to explore gradients that feel more dreamlike