craft CSS backgrounds, fluently.

---

xeerpe is a library for building CSS backgrounds with a fluent, chainable API: gradients, effects, filters, patterns, animations. Chain what you need, call .toStyle(), done!

Installation

npm install xeerpe

Features

• Gradients — linear, radial, conic, mesh
• Effects — noise, vignette, grain, glow
• Filters — blur
• Patterns — dots, grid
• Animations — pulse, rotate, breathe, aurora
• Text fills — .toTextStyle() for gradient text

Quick start

import { Builder } from 'xeerpe'

// Background
const backgroundStyle = new Builder()
    .linearGradient({ from: '#050705', to: '#0a0f0a', angle: '135deg' })
    .dots()
    .toStyle()

// Gradient text
const textStyle = new Builder()
    .linearGradient({ from: '#050705', to: '#0a0f0a', angle: '135deg' })
    .toTextStyle()

Documentation

Full guide and API reference at xeerpe.io.

License

Copyright (c) 2026 Nicola Centonze

Released under the MIT License.