Skip to content
ufraan
← Back

Pinfinite

Infinite, mathematically generated background patterns and gradients with live preview and one-click copy.

TypeScriptCSSWeb App
Mar 2026GitHubLive

Needed a background pattern for a side project and got tired of scrolling through generic pattern libraries. So I built a web app that generates infinite, mathematically driven background patterns and gradients. Every pattern is deterministic, so given the same seed you always get the same result, making it easy to reproduce and share designs. You pick a seed, choose from 21 pattern types, tweak parameters live, and one click copies the CSS, Tailwind, or SVG code to your clipboard. A favorites system lets you save patterns for later without needing an account.

Pattern generator with live preview
Pattern generator with live preview

The app is entirely client-side with no server, database, or API calls. Patterns are generated mathematically using seeded pseudo-random number generation, so every output is reproducible. Built with TypeScript and rendered with CSS and SVG, the live preview updates instantly as you adjust parameters.