Colir
Curve-controlled gradients with texture effects and PNG/WebP export.
Resources
Discover useful things. Build your library. Share your finds.
All resources 44
Shapes.tools – SVG shape generator
Generate geometric, star-like and floral shapes, choose a color, and copy or download the result as SVG.
FluidShader – animated WebGL gradient editor
A free browser tool for animated gradients and dither patterns, with adjustable colors, motion and copyable code.
delphitools
A collection of free browser tools for quick design jobs: image compression, colour checks, SVG files, PDFs and more. No sign-up needed.
Color — a color-matching practice game
A timed browser game for matching target colors and practicing hue, saturation, complementary, analogous, triadic and tetradic color relationships.
Khroma — personalized color combinations
A color-discovery tool that learns your preferences and presents combinations as typography, gradients, palettes, and images.
Art Gallery — generative watercolor paintings and Studio
A gallery of self-painting watercolor studies with a browser Studio for adjusting palettes, variations and painting parameters. Free for non-commercial use under the stated license.
Logoinspo: logo, symbol and wordmark inspiration
A curated gallery of real and conceptual logos, with style, industry and color filters and links to their creators.
Logggos: logo gallery for brand research
A curated logo gallery organized by industry, typography, color and shape for visual reference research.
A1 Gallery: portfolio website inspiration
A curated portfolio website gallery with style, technology and color filters, free browsing and optional Pro features.
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.
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.
ColorFlow — mesh gradient editor
A mesh gradient editor with control points, effects, presets and image or video 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.
Colour Contrast Checker: Check Text and Background Contrast
A free tool for checking text and background contrast, with WCAG AA and AAA indicators, HEX, RGB and HSL controls, and typography previews.
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.
Image to ASCII – Turn Images into Text Art
A free browser converter for creating ASCII artwork from images, with local processing, character controls and color exports.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
Tubik Blog — Design Articles, Case Studies & Practical Guides
A large design publication covering UI/UX, branding, web design, illustration, motion, design processes and detailed real-world case studies.
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.