Book of Shapes — generative SVG patterns
A collection of geometric and organic patterns with adjustable parameters, SVG downloads and copying for Figma.
Resources
Discover useful things. Build your library. Share your finds.
Tools 140
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.
Reelfolio — animated portfolio showreels
Turn screenshots and clips into animated presentations of your work. Template previews are free; rendering and exporting require paid access.
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.
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.
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.
Cursor Lab — Custom Web Cursors
A free workbench with 28 custom web cursors, live parameter controls, and copyable JavaScript, React, and CSS code.
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.
GEOMETRIC – Geometric Effects for Images and Video
A browser-based art studio that turns images, video and sound into compositions of contours, geometric shapes and digital textures.
Light Rails — Generative Pattern Studio
A browser-based studio for geometric patterns, glowing lines, gradients and motion. Explore shapes and timing, preview compositions in mockups, and prepare visuals for your next design.
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.
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.
Swayro – Browser-Based Motion Design
A browser editor that turns photos and screenshots into animated videos using customizable motion templates and local rendering.
Dithr – Dithered Effects & Animation Loops
A browser studio for making looping animations from procedural patterns, photos and video with dithering and ASCII effects.
Sliick – Free 3D Device Mockups
A browser editor for presenting screenshots and videos in 3D phone and tablet mockups, with ready-made scenes and local exports.