Material Line Icons
github.comAnimated SVG icons with static, CSS and frame-based alternatives.
Animated SVG icons with static, CSS and frame-based alternatives.
Sample a foreground and background pair and copy its contrast report.
Apply an image’s dominant colour to its surrounding web element.
Pick screen colours, adjust their values and keep small Windows palettes.
Sample a browser colour, inspect its element and copy an adjusted value
Build a type hierarchy with scale ratios, font settings and CSS output.
Loading indicators supplied in CSS-animation and SMIL variants.
Inspect font capabilities and turn supported features into CSS.
AI-powered visual builder for Tailwind CSS with code export
Collect image colours and compare nearby colour-system references.
Markup and CSS guidance for Salesforce-style application interfaces
Enterprise interface components, patterns and content guidance
An icon-font toolkit with CSS and several stylesheet-source formats.
CSS typesetting with browser previews and PDF export
Build browser colour grades with reusable exports and shared review.
Add a configurable colour and opacity picker through a web input attribute.
Model paint-like colour mixing in a JavaScript application.
Use versioned colour scales designed for accurate data communication.
Repeating SVG motifs with colour controls and CSS handoffs
Components and page foundations for Government of Canada services
Convert colour spaces and model perception-related transformations in Python.
Build colour scales around shared lightness levels and contrast checks.
Inspect device colour ranges, profile conversions and measurement data.
Find named, community-contributed gradients for design and code.