mesh-gradient

Ambient UI gradients built with layered CSS blend modes. Backgrounds that feel like light.

A shader modifier for Compose Multiplatform / Jetpack Compose

Ultimate framework to add mesh gradients to your iOS/macOS/visionOS/tvOS and watchOS apps!

Radiance is a modern PHP library designed to generate beautiful, deterministic mesh gradient avatars from any string. Same input always produces the same unique avatar: perfect for user profiles, identicons and more.

🎨 Generate CSS Mesh Gradients

Apple-inspired animated mesh gradient for the web.

A React Native wrapper for the iOS MeshGradient API

A tiny utility to create mesh gradients with customizable easing functions

MeshGradient component for React Native.

Generate Mesh Gradients

A visual editor for Mesh Gradient elements to be used in SwiftUI code.

mini-tool for creating custom animated mesh gradient shaders for webgl (built w/ Claude 3.5)

The vibe graphic design studio.

Animated, grainy gradient backgrounds and mesh gradients for React. WebGL2, zero dependencies.

A mesh gradient studio that renders like a paint program, not a CSS demo. OKLab engine, auto dark base, export to PNG/SVG/CSS, shareable links — free and 100% client-side.

A collection of high-fidelity, premium Tailwind CSS mesh gradients and presets as a native plugin.

22 free effects for Webflow — WebGL gradients, aurora, particles, dot globe, text animations, magnetic buttons and custom cursors. One script, one data-dfx attribute. Zero dependencies.

🎨 Free mesh gradient generator — soft, blurred multi-color backgrounds. Palette control, random generator, draggable blobs, favorites, PNG/JPG export. No sign-up, no dependencies, works offline.

Animated WebGL mesh-gradient ghost in an SVG silhouette — Next.js 15, @paper-design/shaders-react, Framer Motion cursor-tracking eyes

Animated 3D mesh gradient hero for React. A noise-displaced terrain with a five-colour blend and drag-to-orbit camera, rendered with three.js.