Clarity Angular
clarity.designAngular interface components with a shared CSS foundation
Angular interface components with a shared CSS foundation
See curated palettes applied to page elements and copy their hex codes.
Explanatory writing on web-development concepts
See how a colour pair performs for different text sizes.
Create video tutorials with AI that edits, translates and fixes mistakes
Five-colour palettes drawn from named paintings and their artists
Convert colours and generate data scales through a JavaScript API.
IconScout symbols for CSS fonts, SVG artwork and component packages.
A self-hosted wiki engine for collaboratively maintaining websites and knowledge pages.
Explore historical colour names through swatches and natural examples.
Find replacement colours that meet a chosen contrast target.
Generate production PDFs from HTML, CSS, and JavaScript
Convert HTML and CSS into PDF without a browser engine
A collection of games teaching web-development concepts
A restrained set of interface symbols as SVG files and an icon font.
Publish a static website from a GitHub repository, using a branch or a GitHub Actions workflow.
Build colour harmonies with an RYB wheel and export palettes for design apps.
Line icons for CSS, React and Vue, with Font Awesome 5 names.
Retail type families with optical-size options and licensing guides.
Package open fonts for self-hosted web applications.
Package a web application for native iOS and Android builds while retaining a web application stack.
Functional UX prototypes with logic and data
Sample a foreground and background pair and copy its contrast report.