A dock of micro-tools for frontend, design, and full-stack that turn work into copy-ready code

Generate Tailwind CSS color palettes with 11 shades (50-950) from any hex color. Free tool with OKLCH support, WCAG accessibility checking, color harmony algorithms, and one-click export to Tailwind v4, CSS variables, and SCSS.

Encode or decode text, JSON, and URLs with one-click credit tracking.

Generate Tailwind CSS color palettes with 11 shades (50-950) from any hex color. Free tool with OKLCH support, WCAG accessibility checking, color harmony algorithms, and one-click export to Tailwind v4, CSS variables, and SCSS.

Build CSS grid and flexbox layouts visually without writing code. Export to React, Vue, Svelte, HTML, and React Native with Tailwind CSS classes. Free online CSS layout generator with responsive design support.

Create harmonious typography scales with mathematical ratios like Golden Ratio, Perfect Fourth, and Major Third. Generate CSS, SCSS, Tailwind v4 configs, and W3C Design Tokens. Free online type scale generator with fluid typography, WCAG accessibility checking, and URL analyzer.

Create harmonious typography scales with mathematical ratios like Golden Ratio, Perfect Fourth, and Major Third. Generate CSS, SCSS, Tailwind v4 configs, and W3C Design Tokens. Free online type scale generator with fluid typography, WCAG accessibility checking, and URL analyzer.

Find perfect Google Font pairings for your designs. Preview heading and body font combinations, customize typography settings, and export production-ready CSS, Tailwind, and SCSS code.