Hero Patterns
heropatterns.comRepeating SVG backgrounds with colour, opacity and generated CSS
Repeating SVG backgrounds with colour, opacity and generated CSS
A shared interface toolkit with explicit versioned documentation
Platform design guidance for Apple app and game experiences
UI prototyping, shared assets and developer handoff
A free account-based library of mobile interface patterns
A library of published interface experiments and patterns
Searchable themed illustrations with style and colour filters
Capture screen colours with a portable picker and editable swatch files
Matching icon styles with browser editing, desktop access and animated options.
Shape an OKLCH palette and export it as swatches, gradients or shader code
Turn three RGB channel values into a hexadecimal colour code.
Pingback’s React and TypeScript icon collection with style-specific packages.
Practical visual-design tactics explained for developers
AI chat interface for complex prompts and tasks
Pressure-sensitive drawing with tone layers and Japanese text controls
Artist-owned stock photos and footage with tiered licences
Native planting resources for home and community habitats
Branded web components, Figma libraries and interface guidance
Speed up Bazel builds with remote execution, caching, and a build-results interface.
Interface patterns organized around recurring user problems
Neutral interface symbols supplied as inline SVG or a shared sprite.
Find Swedish regional journeys, city guides and places to stay.
Practical web-interface articles, guides and workshops
Runs open models locally and exposes a developer interface for using them from apps and coding tools.