Skip to main content

😎 A curated list of awesome Gradient frameworks, libraries and software and resources

159
GitHub Stars
67
Curated Resources
10
Categories
3 hours ago
Last Refreshed
CSSDartHTMLJavaJavaScriptKotlinObjective-CSketchSwiftVue

Use this list with your AI agent

Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:

"Show me sketch resources from awesome-gradient"

Installation instructions →

What's inside

Sketch

Swift

Java

  • ahoy-onboarding

    Onboarding library for android with Gradient, Image or Solid color backgrounds.

  • AnimatedGradientTextView

    An Android TextView, using animated color gradients.

  • Ariana

    Provide Multiple Gradients in ImageViews and Texts. Integrate with ViewPager to change colors dynamically.

  • Gradient-Artist

    Learning to create Android UI library.

  • GradientDrawableTuner

    See how the properties of Android's "shape" affect the Drawable's appearance, intuitively.

  • GradientLayout

    A library which extends Android layouts to allow for the easy configuring of gradient backgrounds.

CSS

  • auroral

    Animated background gradients with pure CSS.

  • CosineGradient

    Cosine gradient generator for Unity.

  • nib

    Stylus mixins, utilities, components, and gradient image generation.

  • Unity-UIGradient

    A UI gradient effect script for Unity.

  • webgradients

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

Kotlin

  • AvatarView

    A circular Image View with a lot of perks. Including progress animation and highlight state with borders and gradient color.

  • co.revely.gradient

    An Android library for easy gradient management.

  • Gradients

    A curated collection of splendid gradients (port of

  • Spark

    An Android library to create gradient animation like Instagram&Spotify.

JavaScript

  • colorful-background-css-generator

    A colorful css gradient background generator.

  • coolhue

    Coolest Gradient Hues and Swatches.

  • grabient

    UI to generate linear-gradients.

  • grade

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

  • gradient-string

    Beautiful color gradients in terminal output.

  • granim.js

    Create fluid and interactive gradients animations with this small (< 17 kB) js library.

HTML

Dart

Showing a sample of 67 resources. View the full list on GitHub →