ColorMagic
colormagic.appTurn a text description or photograph into a colour palette.
Turn a text description or photograph into a colour palette.
Pick a physical screen pixel and paste a colour value in your code style
Find page characters and build webfont subsets from actual content.
A programmable font-subsetting and conversion pipeline for Node.
Build colour tools with JavaScript objects, conversions and gamut controls.
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
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.
Format source files with a consistent, opinionated printer that supports common web and configuration languages.
A geometric interface-icon collection in eight visual treatments.
Development-tool symbols designed to sit alongside Octicons.
Use named colour levels across interface code and design swatches.
Components and page foundations for Government of Canada services
Explore named colours and turn selected values into gradient steps.
Create AI websites by chatting, with hosting and a full editor
Tailwind components and templates with right-to-left support
Animated icon families with editable motion states and several export formats.
Retro-style SVG symbols with TypeScript and Vue integration.