Stitch
A Google Labs tool that turns text prompts or images into web and app interfaces, with Figma and HTML/CSS export.
Resources
Discover useful things. Build your library. Share your finds.
All resources 30
Letterbox – letters made of text
A free typography playground that builds large letters from smaller characters, with controls for fonts, colours and fill density.
Perfect Paragraph — a typography balance game
Adjust font size, line height and line width across ten exercises using Matej Latin’s typography triangle teaching model.
Typeyeah Type Games — a typography arcade
Four browser mini-games for practicing kerning, recognizing typefaces and serifs, and playing with the text baseline.
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.
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.
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.
Grainrad — ASCII art and retro effects for images and video
A free WebGPU-powered browser editor with ASCII, dithering, halftone and other effects for images, GIFs and video.
INKDRUM: risograph print simulator
A browser tool for risograph effects with ink layers, halftones, paper textures and colour-separation exports.
Sticky — interactive 3D sticker playground
A browser experiment with 3D shapes, materials, lighting and stickers placed on an object’s surface.
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.
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.
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.
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.
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.
Movulab – Animated Typography in Your Browser
A browser editor that turns text and SVG artwork into looping animations with chrome, halftone, glitch and other 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.
Noise & Texture — Figma Noise, Texture & Pattern Generator
A free Figma plugin for generating seamless noise, textures, patterns, gradients and procedural effects with live previews.
Microcopy — UX Writing & Interface Copy Library
A library of 500+ microcopy examples for buttons, headlines, error messages, forms, account flows, notifications, CTAs and other interface elements.