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 103
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.
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.
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.
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.
Valessa – 3D Logo Visualizer
A free browser-based tool by Riotters for turning SVG artwork into 3D forms and styling scenes with materials, lighting and animation.
FlipCut Studio – Stop-Motion Photo Animations
A browser editor for turning photos into stop-motion videos with stamp frames, paper mattes and split-flap transitions, then exporting the result as MP4.
Loguitoc – SVG Logo and Typography Animator
A free browser tool that animates SVG artwork and text with contours, Bézier anchors and construction guides, then exports MP4 up to 4K, animated SVG or PNG.