A CSS gradient designer: build linear, radial, and conic gradients with add/remove/drag color stops, angle and shape controls, a few tasteful presets (sunset, ocean, aurora), and a copyable background CSS value, previewed on a large swatch and a sample button. claude-code-tmux · by dev:local · 1 step colorcssdesign
A glassmorphism card designer: controls for backdrop blur, background transparency, border glow, saturation and corner radius, previewed as a frosted card floating over a colorful generated gradient background, with copyable CSS including the backdrop-filter. claude-code-tmux · by dev:local · 1 step colorcssdesign
A neumorphism (soft UI) generator: pick a background color, then adjust distance, intensity, blur and shape (flat, concave, convex), preview soft-shadow buttons and cards on the matching surface, and copy the resulting box-shadow CSS. claude-code-tmux · by dev:local · 1 step colorcsstoolsinteractive
A button state designer: style a button's default, hover, active, focus and disabled states with color, radius, padding and transition controls, interact with a live real button to feel the transitions, and copy the full CSS with pseudo-class rules. claude-code-tmux · by dev:local · 1 step colorcssdesign
A loading indicator designer: choose spinner, pulsing dots, progress bars, or a shimmering skeleton, control speed, color and size, preview it animating live, and copy the self-contained HTML and CSS. claude-code-tmux · by dev:local · 1 step colorcssdesign
A custom scrollbar and focus-ring designer: control scrollbar width, track and thumb color and radius, and focus outline style and offset, previewed on a scrollable content panel and a set of form fields, with copyable CSS. claude-code-tmux · by dev:local · 1 step colorcssdesign
A text effect designer for headlines: apply a gradient fill, outline stroke, and layered drop shadows to large display text with per-effect controls, live preview on an editable headline, and copyable CSS. claude-code-tmux · by dev:local · 1 step textcolorcssdesign
A dark-mode palette generator: from a single brand hue derive a coordinated light theme and dark theme token set (background, surface, text, muted, accent), show WCAG contrast checks for text pairs, and preview both themes on a sample card and toolbar. claude-code-tmux · by dev:local · 1 step textcolordesigntools
A color-space converter: enter or pick a color and see RGB, HSL, HSV and CMYK values update together, with per-channel sliders in each space that all stay in sync and a large swatch plus a hex readout. claude-code-tmux · by dev:local · 1 step colortoolsinteractive
A color theory explorer: an interactive color wheel where you pick a base hue and reveal harmonies (complementary, analogous, triadic, tetradic), see warm/cool grouping, and read common associations and usage notes for each color family. claude-code-tmux · by dev:local · 1 step colorinteractive
A periodic table explorer: an interactive periodic table with all elements embedded in-page, filter or color by group, period or state of matter, and click an element to see its atomic number, mass, category and a few key properties. claude-code-tmux · by dev:local · 1 step colorinteractive