Easy Mesh Gradient

A lightweight, zero-dependency library for generating beautiful CSS mesh gradients with TypeScript support.

Documentation

For complete documentation, API reference, and examples, see the Library Documentation.

Quick Links

• NPM Package
• Live Demo & Editor
• API Documentation

Quick Start

npm install easy-mesh-gradient

import easyMeshGradient from "easy-mesh-gradient";

const gradient = easyMeshGradient();
document.body.style.backgroundImage = gradient;

Repository Structure

This is a monorepo containing:

• lib/ - The easy-mesh-gradient npm package (documentation)
• pages/ - The documentation website with interactive tools

Development

# Install dependencies
bun install

# Run the development server
bun run dev

# Build the library
bun run build

Features

• Zero dependencies
• Full TypeScript support
• 9 built-in easing functions
• Seeded random generation for reproducible gradients
• Grid pattern generator
• Input validation and normalization
• Tree-shakeable exports

License

MIT

---

Created by Steven Frady