Tools are interactive design utilities that run inside the etchKit panel. They are not blocks you paste into the canvas. Instead, they help you generate values, preview settings, and copy output to use in your builds.

Tools are built-in only. You cannot create custom tools through the panel UI. For details on how tools work inside the panel, see Tool View.

Design #

Color Swatches generates a complete CSS custom property palette from a single base color. Pick a color, set a variable name, and get semantic shade steps and transparency steps in the ACSS style, ready to paste into your stylesheet.

Typography Scale calculates a modular type scale from a base font size and a ratio. Preview live text at each step and copy the output as CSS custom properties or a Tailwind config object.