patterns

Library of parametric seamless SVG patterns with per-pattern controls for stroke, scale, spacing, rotation and colors.

Suite of roughly seventy single-purpose SVG generators covering noise, grain, waves, blobs, patterns, spirals and gradients.

Collection of testimonial, logo-wall and review patterns as implemented on live marketing sites.

157 background patterns built entirely from CSS gradients, each parameterised with custom properties for size and colour.

Three annotated, dependency-free responsive email patterns in plain HTML and CSS, tested across desktop, mobile and webmail.

Annotated end-to-end app user journeys with flow maps explaining why each screen exists.

Generator producing Bauhaus-inspired generative geometric compositions as downloadable SVG artwork, with colour and density controls.

W3C's reference implementations for thirty accessible widget patterns, each with keyboard maps, ARIA semantics and working examples.

Gallery collecting only website footers, filterable by layout and content pattern.

Interactive atlas of 65 authored CSS and SVG motion patterns plus studies on particles, springs, reaction-diffusion and gesture-to-easing.

Trello's design system documenting board, card and drag-and-drop interaction patterns alongside its visual foundations.

Algorithmic CSS layout primitives — Stack, Sidebar, Switcher, Cluster — with rationale; rudiments and three layouts free.

Gallery devoted to SaaS pricing page layouts, tier structures and comparison table patterns.

Component library of interaction-heavy patterns with articles explaining the motion decisions behind each demo.

Gallery that slices websites into individual sections (hero, features, testimonials, CTA) for section-level reference.

React Native haptics module supporting custom patterns and Apple AHAP pattern files.

Swift haptic feedback generator with pattern-play support, so you can script vibration rhythms.

Meta's public design system documentation for its component set, foundations and interaction conventions.

Daily UI design collection organised by specific task such as profiles, payments and settings.

Working library of interface patterns and details for people designing with deliberate, uncommon care.

Collection of short lessons on writing CSS that survives long content, missing images, RTL text and unexpected data.

Customisable Paint Worklet drawing geometric figures into any element background via CSS custom properties.

Seventy-five conversion patterns plus a searchable database of real A/B test results from large consumer products.

Ninety-plus UI patterns documented for developers with when-to-use guidance, accessibility rules and comparison pages between similar patterns.

Library of customisable web components implementing common UI patterns with documented composable internals.

Gallery of navigation bars and menu patterns from live sites, including mega-menus and mobile behaviour.

Written breakdown of the AI chat input component — attachments, modes, model pickers, send states — with annotated examples.

Reference site documenting one hundred and ninety-plus patterns for building and operating coding agents.

Catalogue of agentic workflow patterns documented with Mermaid diagrams and implementation notes.

Library of tileable SVG background patterns with live foreground colour and opacity controls, copied out as data-URI CSS.

Collection of 33 free, single-purpose generative design tools for patterns, backgrounds, posters and textures — all run in-browser with no accounts or uploads.

Local-first WebGL2 playground that overlays two pattern layers — stripes, grids, radials, dots — so you can tune moiré interference live.

Ten-chapter book of accessible, progressively-enhanced form patterns for registration, checkout, booking, filtering and upload.

Web component that generates CSS-only patterns and grids from a compact declarative rule language with built-in randomness.

Collection of 100+ common layouts and UI patterns implemented in dependency-free CSS with copyable source.

Gallery of mobile app screens organised by app and screen category for quick pattern lookup.

Library of website hero-section designs from brands and studios, browsable as a reference wall. Now operated as part of Screensdesign.

Browser live-coding environment that ports the TidalCycles pattern language to JavaScript for algorithmic music.

Free online book cataloguing design patterns for games: component, state machine, object pool, event queue, spatial partition.

397 tileable transparent PNG patterns you can layer over any background color, with instant CSS preview.

Curated collection of full-screen designer-made background patterns, downloadable and usable as CSS backgrounds.

Free SVG background generator covering waves, polygons, blobs, grids and noise with per-shape parameter control.

Generates seamless SVG and CSS background patterns from configurable primitives, with a fully offline-capable interface.

Detailed pre-ship checklists for pages, components and flows, covering the small details designers routinely forget.

Collection of hand-drawn style SVG patterns with a live color editor, from the LS Graphics studio.

Heydon Pickering's long-form teardowns of eleven UI patterns, each reasoning from markup semantics to progressive enhancement.

D3 module that generates SVG pattern fills — lines, circles, paths — for encoding categories without relying on colour alone.