Khroma — personalized color combinations
A color-discovery tool that learns your preferences and presents combinations as typography, gradients, palettes, and images.
Resources
Discover useful things. Build your library. Share your finds.
Tools 39
Neumorphism.io: CSS shadow generator for Soft UI
A free generator for neumorphic surfaces, with color, shape and shadow controls and copyable CSS.
Glass3D — glass-effect CSS generator
Tune blur, color and texture for glass-style interface elements, then copy the generated CSS.
ASCIInator — ASCII art generator and composition tool
A browser tool for turning images into ASCII art, with character, color and composition controls plus PNG, SVG and text exports.
TextLab: message and interface mockups
A browser generator for chat, comment and UI mockups, with transparent PNGs and paid advanced exports.
GRADIENTOOL — structured gradients with depth and grain
Build structured gradient compositions, refine their geometry, colour and texture, and export the result.
Gradient Lab by Backgrounds Supply — gradient background generator
A free browser-based gradient background editor with shader modes, palette controls, and image and video export.
generative.graphics — geometric pattern generator
Create moving geometric compositions with grid, noise, shape and color controls, plus PNG and WebM export.
Sinwaver — sine wave SVG generator
A focused browser tool for sine-wave lines with amplitude, wavelength, phase and stroke controls, plus SVG export.
Tabbied Patterns — customizable pattern generator
A generative pattern library with colour palettes, layout controls and free PNG or SVG export.
Spherium — globe and vector map generator
A browser tool for styling world maps on a 3D globe, with point and grid controls plus SVG, HTML, GLB and OBJ export options.
GradLab — gradient generator with PNG, MP4 and HTML export
A free browser-based gradient generator with 13 algorithms, palettes of up to eight colors, grain, halftone and character-based effects.
FeralUI Gradient Builder — gradient generator
A free gradient editor with traditional Japanese colour palettes, shape and grain controls, and export options for images, video and code.
Signal — Glitch Effects for Images
A free browser tool for turning images into glitch artwork with color-channel shifts, static, pixel sorting and short video loops.
HalftonePro — Halftone Pattern Generator
A browser tool for halftone patterns and textures with adjustable grids, shapes and colors. Free PNG export is available; SVG requires a paid account.
Loom – Mosaic Patterns & Animated Weaves
A browser tool for creating colourful mosaics, pixelated photos and fine-line gradient compositions, with motion controls and image, SVG and video export options.
Sfumato – Generative Patterns & Gradients
A browser-based studio for creating layered abstract backgrounds with patterns, gradients, textures, lighting and animation.
Dithr – Dithered Effects & Animation Loops
A browser studio for making looping animations from procedural patterns, photos and video with dithering and ASCII effects.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
Ultrapilled – Physics-Based Graphics & Animation
A free browser-based design tool that turns text, shapes, icons and images into playful compositions that fall, bounce and stack.
Mixfont — AI Font Generator from Prompts or Images
An AI tool for creating complete TTF fonts from text prompts or reference images with support for 26 languages and a commercial-friendly license.
Formia — 2D to 3D Logo Maker
A free browser-based tool for turning flat logos into polished 3D visuals without sign-up, watermarks or complex 3D software.
ShaderGradient — Animated 3D Gradients for Web, Figma & React
A free open-source tool for creating animated 3D gradients with a visual editor, Figma and Framer integrations, plus ready-to-use React and Vue packages.
Pattern Monster — Seamless SVG Pattern Generator
A free library of 320+ seamless patterns with customizable colors, stroke width and angle, plus CSS/SVG copy and SVG or PNG export.