gradients

Professional-grade background patterns and gradients for your websites and apps. Easily copy and paste into your next project. Crafted with modern CSS and Tailwind for seamless integration.

css patterns background ui-components gradients design-tools backgrounds ui-library dev-tools tailwind tailwindcss css-backgrounds beautiful-backgrounds background-pattern background-snippets tailwind-backgrounds modern-backgrounds pattern-craft

UpdatedJan 11, 2026
TypeScript

pytorch /functorch

Star1.4k

functorch is JAX-like composable function transforms for PyTorch.

pytorch gradients hessians

UpdatedAug 21, 2025
Jupyter Notebook

larsenwork /postcss-easing-gradients

Star995

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

css postcss gradients postcss-plugin

UpdatedNov 2, 2022
JavaScript

gonzalonunez /Skeleton

Star690

✨ An easy way to create sliding CAGradientLayer animations! Works great for creating skeleton screens for loading content.

swift ios skeleton loader gradients loading-animations skeleton-screen slide-animation

UpdatedSep 20, 2021
Swift

jordihales /hypercolor

Star690

A curated collection of beautiful premade gradients using default colors from the Tailwind palette as well as a selection of custom color gradients.

gradients hacktoberfest tailwind

UpdatedJul 1, 2024
Vue

ui-layouts /ui-tools

Star685

Open Source UI-TOOLS for Designer/Developer.

developer-tools background gradients design-tools svg-editor shadows clip-path tailwindcss shadow-generator background-snippets nextjs15 tailwindcss-v4 mesh-gradients

UpdatedFeb 6, 2026
TypeScript

dojo-sim /Dojo.jl

Star369

A differentiable physics engine for robotics

control reinforcement-learning robotics simulation motion-planning contact gradients friction trajectory-optimization locomotion system-identification differentiable

UpdatedSep 23, 2024
Julia

mgierlasinski /MagicGradients

Star365

Draw breathtaking backgrounds in your Xamarin.Forms application. It's a kind of magic.

xamarin xamarin-forms gradients skiasharp hacktoberfest magic-gradients

UpdatedJan 2, 2025
C#

saviomartin /gradientking

Star348

Never again run out of gradients! 🌈 (discontinued)

react css gradients gradient-generator nature-inspired-gradients gradient-king

UpdatedFeb 28, 2022
JavaScript

Illyism /gradient-picker

Star344

Fancy Gradient Picker built with Shadcn UI, Radix UI and Tailwind CSS.

react components ui nextjs gradients tailwindcss radix-ui shadcn-ui

UpdatedDec 13, 2025
TypeScript

JuliaDiff /FiniteDiff.jl

Star284

Fast non-allocating calculations of gradients, Jacobians, and Hessians with sparsity support

fast gpu julia sparse derivatives gradients sparse-matrix jacobians coloring hessians banded non-allocating

UpdatedDec 15, 2025
Julia

phamfoo /react-native-easing-gradient

Star253

Create smooth gradients in React Native

react react-native smooth gradients easing expo

UpdatedFeb 27, 2024
TypeScript

cossssmin /tailwindcss-border-gradients

Star237

Tailwind CSS plugin to generate border image gradient utilities.

css gradients border-image tailwindcss tailwindcss-plugin

UpdatedApr 1, 2024
JavaScript

JuliaGraphics /Colors.jl

Star222

Color manipulation utilities for Julia

color colors color-scheme gradients colour colours colorschemes color-schemes color-manipulation color-conversion

UpdatedNov 24, 2025
Julia

cojdev /lowpoly

Star211

Lowpoly image generator

react javascript png canvas graphics background gradients lowpoly

UpdatedAug 30, 2024
TypeScript

JonathanMonga /flutter_gradients

Star187

A curated collection of awesome gradients made in Dart for Flutter

dart linear-gradients gradients flutter made-in-drc

UpdatedAug 26, 2024
Dart

catalinmiron /react-native-css-gradient

Sponsor

Star172

React Native css gradients - react-native-linear-gradient with css gradient support

react css react-native native gradient gradients css-gradient linear-gradient expo repeating-gradients

UpdatedFeb 27, 2023
JavaScript

agilie /AGVolumeControlView

Star171

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

control animations swift-3 gradients thumb regulator

UpdatedSep 18, 2018
Swift

Improve this page

Add a description, image, and links to thegradients topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with thegradients topic, visit your repo's landing page and select "manage topics."

Learn more

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly