Textures, Backgrounds & Assets
The pixel supply — gradients, patterns, shaders, noise, mockups, 3D scenes, and the marketplaces that sell them.
For an agent. Look here when a surface needs visual material rather than structure: a background, a pattern, a grain or noise texture, a shader effect, a mockup, or a stock asset pack.
59 resources
- Gradients & Backgrounds8
- Patterns & SVG Generators12
- Shaders & Generative Effects12
- Image Effect Tools5
- Mockups & Asset Packs22
59 / 59
DittherSBrowser tool for dither, halftone, ASCII, Lego and voxel effects on images and video
fffuelS67 free browser generators for SVG backgrounds, patterns, gradients and color tools
Paper ShadersS30 zero-dependency canvas shaders as React components or vanilla JS, Apache-2.0
RadiantSZero-dependency generative shaders as single HTML files, embedded by iframe- Shader LabSBrowser shader compositor with a WebGPU React runtime for export
UnsplashS8.7M free-to-use photos with a free JSON API at 1,000 requests/hour
ASCII MagicAClient-side image and video stylizer: 15 art styles, 4x export, no signup- BlushACustomizable illustration app: 65+ artist collections, mix-and-match, PNG free, SVG paid
Canvas UIA33 WebGL/canvas effects that wrap real HTML, in 6 frameworks
CraftworkA40k+ design assets and templates, reachable from an MCP server and a Claude skill
GrainientA1,409 grainy, smooth and AI-rendered background assets in 4K to 12K
Grainient Shader EditorAReal-time shader gradient editor; customize and embed animated backgrounds
HaikeiA15 browser generators that export blob, wave and gradient backgrounds as SVG or PNG
Hero PatternsA87 free CC BY repeatable SVG patterns, copied out as a CSS data-URI background
IrasutoyaA25,415 free Japanese kawaii illustrations, 239 categories, public Blogger JSON feed
MagicPatternA45 background, gradient, halftone and dither generators behind a $10-20/mo plan
Nucleo SVG PatternsAFree layerable SVG pattern generator with 179 grid, dot, line and tile variants
Open DoodlesA33 CC0 hand-drawn figure illustrations as direct SVG, PNG and GIF downloads
Pattern CraftA257 copy-paste CSS background patterns and gradients, MIT licensed
Pattern MonsterA460 seamless SVG patterns you recolour in-browser and copy as SVG or CSS
PexelsAFree stock photos and video, free API at 200 req/hour and 20,000/month- playgrndA39 free generative design tools that run in the browser and export PNG, SVG, animated SVG and video
Radiant Shader GalleryABrowsable gallery of 87 free WebGL and Canvas 2D background effects
ShapefestA100,000+ Cinema 4D-rendered 3D shape PNGs, free at 512px
SquooshABrowser image compressor with side-by-side comparison; codecs run locally as WebAssembly- ThreeUIAThree.js hero components, shaders and landing-page templates with a Pro-gated remote MCP server — Community free, Pro $99/yr or $199 lifetime
TinyPNGAHosted image compression with a real REST API, six SDKs, 500 free calls a month
TranshumansACC0 black-and-white character illustrations in SVG and PNG
unDrawA~1,760 recolourable SVG illustrations, free commercially, no attribution
Unicorn StudioABrowser tool that builds WebGL scenes and exports embeds for Framer, Webflow, or React
vgpuAVercel Labs WebGPU library where one WGSL shader renders in the browser, headless in Node.js and as a CI snapshot test- 10 Framer Shader PresetsBTen copy-ready Framer shader configs with exact color, seed, speed, and noise values
- aengel.io LaboratoryB19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source code
BackdropB29 photographic background packs for mockups, $19 each, ~20 assets per pack
Backgrounds SupplyB1,273 handcrafted and AI-made backgrounds in 29 packs, $49 once
Brand Assets GeneratorBCanvas generator for technical-diagram brand imagery, PNG or SVG
Cutting Mat GeneratorBBrowser tool that outputs a self-drawn SVG cutting-mat grid you can use as a background
DrawKitB100+ hand-drawn 2D/3D illustration, icon and Lottie packs; ~40 free, rest behind Pro- Easing GradientsBFixes the hard edge on a CSS gradient by easing the colour mix, with an editor plus PostCSS and Sketch plugins
Get WavesBSingle-purpose SVG wave generator, now folded into Haikei but still live
HumaaansBMix-and-match CC0 people illustrations for Sketch and Figma, by Pablo Stanley
javiitoolsB13 tiny generators for chat, social and device-style visual mockups
Lukasz Adam IllustrationsB~120 free CC0 SVG illustration and icon sets, one Gumroad bundle, no attribution
Morflax StudioBBrowser 3D mockup and motion editor with SVG-to-3D conversion and 4K export
Open PeepsBCC0 hand-drawn people illustrations you mix from modular parts- Open Source 3D Assets (OS3A)B991 CC0 GLB models from Polygonal Mind's metaverse projects, browsable and downloadable
Shape Divider AppBBuilds responsive SVG section dividers and hands you the HTML and CSS to paste- ShotsBBrowser mockup editor for device frames, screenshots and short clips
- Stamp StudioBTurns your artwork into a postage stamp, with the four real printing processes, a perforation gauge and philatelic paper ageing
StorysetBFreepik's editable illustrations in 5 styles, animatable, attribution required- ui.cameraBProduct photography for software: studio-quality stills and video of an interface, made in the browser
WireformBWeb app that builds animated 3D wireframe primitives and exports SVG, MP4, WebM or GIF
AwesomePostCMac app that turns screenshots and clips into 4K device-mockup demos- PhotoGradientCAn image-to-mesh-gradient tool, free and unlimited, with noise, shape and colour controls and no readable page
- ShaderGradientCA shader gradient editor that exports to code, with plugins for both Figma and Framer
- ShaderToyCThe reference archive of GLSL fragment shaders, and it refuses every automated request
Super Visuals BackgroundsCPrivate Figma design file of background visuals; needs a Figma login to open
SVG BackgroundsC200+ browser-customizable SVG website backgrounds, 48 free, rest on a $120/yr plan- UltramockCBrowser mockup generator for device frames, 3D scenes, and video