Neumorphism.io: CSS shadow generator for Soft UI
A free generator for neumorphic surfaces, with color, shape and shadow controls and copyable CSS.
Resources
Discover useful things. Build your library. Share your finds.
All resources 108
zoxilsi studio — mesh gradients and animated backgrounds
A mesh-gradient editor with Bézier controls, presets, effects and exports for images, video and code.
Holocloth — holographic cloth for graphics
Drape images over simulated cloth, adjust holographic materials and export PNGs with an optional transparent background.
Glass3D — glass-effect CSS generator
Tune blur, color and texture for glass-style interface elements, then copy the generated CSS.
INKDRUM: risograph print simulator
A browser tool for risograph effects with ink layers, halftones, paper textures and colour-separation exports.
Symbl — test a logo across real-world contexts
Explore logo scaling, blur, contrasting variants and applications across icons, business cards and mockups.
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.
Sticky — interactive 3D sticker playground
A browser experiment with 3D shapes, materials, lighting and stickers placed on an object’s surface.
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.
ColorFlow — mesh gradient editor
A mesh gradient editor with control points, effects, presets and image or video export options.
Book of Shapes — generative SVG patterns
A collection of geometric and organic patterns with adjustable parameters, SVG downloads and copying for Figma.
Ransom note — magazine-cutout lettering
Anish Gupta’s interactive lettering tool assembles text from photographs of paper cutouts, with controls for tilt, size variation and spacing.
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.
Paperlab: interactive 3D paper for the web
A free browser editor and React library for 3D paper effects, including folds, unrolling, peeling, animated galleries and spatial scenes.
Merucav — shader composition editor
A free browser editor for gradients and shader effects, with shapes, text, icons and JSON configuration import and export.
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.
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.