The ColouRiser tool is a self-contained, single-file HTML application that runs entirely in your browser — no signup, no analytics, no backend. Your text never leaves your machine.

The Stryv4/~ demo on this card uses just 4 of ColouRiser’s 280+ gradient presets. The full tool also offers 32 text effects, multi-frame animations, drop-in icon libraries, custom font upload, and exports to SVG, PNG, ICO, animated GIF, HTML and JSON.

This card’s credits

• Animated logo halo: conic-gradient with the @property angle technique, seen at coding2go.com. Colours, gradient stops and the 3s linear spin are kept as-is; variable and keyframe names were namespaced (--angle → --cr-angle) so they can’t collide with other cards.
• Info button & modal: open/close pattern adapted from the in-house “What’s That Article?” card — button toggles .active, backdrop and × both close, plus an Esc-key close.
• Icon button & info glyph: built in-house. The .s4-icon-btn house standard and its inline SVG glyph use no icon font or external set — fully self-contained.

Everything else — the demo word cycler, the chip swatches, the layout, the ColouRiser wordmark, and the slogan strip — is original to this card. No external dependencies anywhere.

Imagine more colour.