Pinfinite
Dec 2025Infinite background patterns and gradients for SaaS projects. Mathematically generated, infinitely scrollable collection with live preview and one-click copy.
Tech Stack
TypeScriptNext.jsTailwind CSSSVGCSS
Overview
Pinfinite is a fully client-side experiment to play with randomness using mathematical functions. It generates infinite, unique background patterns and gradients for SaaS projects. Patterns are mathematically generated, infinitely scrollable, and can be previewed live and copied in one click as CSS, Tailwind, or SVG.
Technical Details
- •Infinite patterns: mathematically generated unique backgrounds
- •Live preview: real-time pattern visualization
- •One-click copy: export as CSS, Tailwind, or SVG
- •Favorites: save and manage your favorite patterns
- •Random generation: fresh patterns on every refresh
- •Fully client-side app
- •Seeded random generation for reproducible patterns
- •21 pattern types: geometric, wave, gradient, SVG, noise, etc.
- •Efficient algorithms: pure math, no external libraries
- •Virtual scrolling for infinite collections