UI Colors
uicolors.appBuild colour scales and preview their roles in interface layouts.
Build colour scales and preview their roles in interface layouts.
Add a jQuery colour control with palettes, transparency and saved choices.
Change a colour matrix and see how it transforms an image.
See how traditional Sass colour adjustments transform a starting swatch.
Search palette ideas by theme or hex value and export the colours
Cycle through palettes with adjustable hue, lightness and interpolation.
AI icon generator that turns short text prompts into app icons in under a minute.
Choose map colours by data type and export reusable schemes.
Measure displays, generate colour-correction tables and verify the result.
View text contrast through different vision and lighting simulations.
Compare a text and background pair with editable colour values.
Attach a dependency-free colour popup to a page element.
Inspect a full-screen colour-vision simulation across applications.
Sample an image and copy colours in common design and code formats.
Build browser interfaces with declarative components compiled from HTML, CSS, and JavaScript.
Build interactive Python applications for the terminal with widgets, CSS, and keyboard bindings.
Find page characters and build webfont subsets from actual content.
A programmable font-subsetting and conversion pipeline for Node.
Searchable interface symbols delivered through CSS, SVG and React.
Outline and solid interface icons ready to copy as SVG or JSX.
A cross-platform IDE with language-aware editing, refactoring, project wizards, and application tooling.
Tailwind interface components with documented interactive behavior
Tailwind component examples for application and marketing layouts
Copyable Tailwind components for application and website layouts