reference

Support chart for CSS and web platform features, showing what is safe to ship today.

Paid interactive reference manual on interaction detail — motion choreography, inferring intent, simulating physics — with downloadable React prototypes.

Curated color palettes derived from famous works of art, presented as usable hex sets.

Reference article cataloguing signal shaping functions like impulse, gain, parabola and cubic pulse with formulas and plots.

Interactive reference where every CSS selector is demonstrated live against a sample DOM you can modify.

Index of interface screenshots organised for fast lookup of specific UI elements across products.

Interface breakdowns of specific products, capturing desktop and mobile screens for the same feature.

Searchable reference library of thousands of video game interface screens organised by screen type and genre.

Reference mapping each CSS property to whether changing it causes layout, paint or composite work in each browser engine.

Curated library of web app interfaces focused on delightful UX and micro-interaction quality.

Open collection of published design principles from companies, products and individuals, framed as decision-making frameworks.

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

Reference of standard easing functions with animated previews, cubic-bezier values and copyable code in several languages.

Palettes drawn from specific historical periods, letting you pick color by era rather than mood.

Collection of over thirty psychological and usability laws, each with a plain explanation, origin and applied design guidance.

Catalogue of 200+ chart and diagram types filterable by function, input data shape and visual form.

Searchable library of web and iOS product screenshots indexed by component, flow and UI element.

Support tables for HTML and CSS features across email clients, in the caniuse format email developers actually need.

Repository of components, foundations and tokens extracted from the public design systems of major tech companies.

Reference catalogue of SwiftUI spring animation parameter values with side-by-side visual comparisons.

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

Curated index of web animation libraries across SVG, canvas, CSS, scroll and text, plus GUI tools, books and easing utilities.

Cross-referenced index of interface components showing how dozens of published design systems name and build each one.

Curated reference of algorithms for growth and form — diffusion-limited aggregation, reaction-diffusion, L-systems, space colonization.

Figma's official sample plugins and widgets covering canvas manipulation, UI messaging, iframes, network access and widget state.

Dataset of screen, safe-area and layout dimensions for every iOS and iPadOS device.

Curated system prompts and tool definitions harvested specifically from production AI coding agents.

Archive of extracted system prompts from ChatGPT, Claude, Grok, Gemini, Manus, v0, Lovable and Cursor.

Reference of CSS techniques and edge-case tricks with live demos, covering effects, transitions and layout behaviour.

Curated list of command palette implementations, libraries and design references across the web and native apps.

Serves a random modern-CSS technique with runnable demo, as a daily learning surface.

Regularly updated extractions of Anthropic, OpenAI, Google and xAI system prompts including Claude Code and Codex.

Collection of published design systems from companies, with links to their docs, code and Figma libraries.

Reference project demonstrating every Claude Code hook event with runnable example implementations and explanations.

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

Collection of UI screens captured across viewport sizes for responsive design reference.

Plain-language glossary of AI interface and model terminology aimed at designers and design engineers.

Curated reference of easing curves shown as graphs with live previews and copyable values.

Curated directory of roughly 147 public design systems with links to documentation, component libraries and source repositories.

Film still library with millions of HD frames hand-tagged across 30+ categories: lens, framing, lighting, color, location, even actor emotion.

Searchable archive of video game UI: thousands of screenshots and clips filtered by genre, theme and element like inventory, skill tree or game over.

Curated set of 500+ real interface copy examples sorted by context: headlines, CTAs, error messages, account flows and slogans.

Curated gallery of finely crafted iOS and macOS app icons, browsable as a reference for icon mark design.

Archive of pattern and shaping functions covering easing, sigmoid, Bezier and oscillation with equations and multi-language code.

Catalogue of interface and persuasive design patterns, each with problem statement, rationale and real examples.

Searchable library of visual techniques in film and video, indexed by effect name.

Catalog of variable-font tools and references — playgrounds, inspectors like Samsa, axis-mapping editors, and CodePen collections for animating font axes.

Digital library indexing UI resources, references and components for designers and engineers working on interface craft.

Collection of real transactional and lifecycle email copy from well-known products, organised by message type.

Archive of classic logo marks and symbols organised by shape and category.

Searchable gallery of official GSAP demos organised by plugin and technique, each editable and forkable on CodePen.

Inigo Quilez's reference collection of signed distance functions for primitives, plus operators for blending and repetition.

Visual reference of regional traffic lights, utility poles, bollards, road markings and signage by country.