Nutilz Colour Tools
nutilz.comBuild an eleven-step scale and export variables for a web project.
Build an eleven-step scale and export variables for a web project.
Edit a colour system in perceptual coordinates and copy design tokens.
A Tailwind design system separating visual and interactive layers
Control gradient colour positions and the transitions between them.
Build a resizable colour picker with optional fields and alpha controls.
TableCheck’s original icon font using Font Awesome 4-style modifiers.
Format source files with a consistent, opinionated printer that supports common web and configuration languages.
An established line-icon font with CSS, Sass and Less integration.
Country flag SVGs with CSS and Sass integration.
Use named colour levels across interface code and design swatches.
NAV’s interface components and practical product guidance
Components and page foundations for Government of Canada services
Explore named colours and turn selected values into gradient steps.
A webfont that turns readable symbol names into icon ligatures.
Weather symbols and wind directions delivered as an icon font.
Create AI websites by chatting, with hosting and a full editor
Tailwind components and templates with right-to-left support
A legacy icon-font toolkit with stylesheet source and familiar modifiers.
Angular interface components with a shared CSS foundation
Named gradient references with colour values and a companion Chrome tool
Explanatory writing on web-development concepts
Create video tutorials with AI that edits, translates and fixes mistakes
IconScout symbols for CSS fonts, SVG artwork and component packages.
A self-hosted wiki engine for collaboratively maintaining websites and knowledge pages.