Easy
Box Shadow Generator
Create CSS box-shadow values with offset, blur, spread, color, opacity, and inset controls.
Developer ToolsOpen
Loading MH Tools page...
Enter min and max font sizes plus viewport bounds to generate a copyable CSS clamp expression.
Tip: MH Tools runs this utility in your browser for quick no-login use. Review generated output before publishing or sharing it.
CSS Clamp Generator is part of the Developer Tools collection in MH Tools. It is designed for fast, no-login use and works well for quick browser-based tasks.
This tool calculates a CSS clamp expression for fluid type scaling.
Step 1: Enter font and viewport bounds.
Step 2: Review preview text.
Step 3: Copy the CSS clamp rule.
Yes. This tool runs without login or payment.
No. CSS generation happens locally in your browser.
Create CSS box-shadow values with offset, blur, spread, color, opacity, and inset controls.
Generate CSS flexbox layout snippets with live preview controls.
Generate simple CSS grid templates with columns, rows, gap, and preview.
Format or minify small CSS snippets.
Format, minify, and validate JSON with clean error messages.
Encode or decode URL-safe strings instantly.
Format, minify, and validate JSON with clean error messages.
Encode or decode URL-safe strings instantly.
Encode plain text to Base64 or decode Base64 back to text.
Generate one or many browser-safe UUIDs.
Fluid type preview