Tagged #web-utility
Resources
Color.reviewA contrast checker you can design inside — nudge two colors side by side and watch the WCAG ratio update against real text samples.Developer ToolsFreeSep 4
Easing EditorAnime.js's easing playground — shape a curve, preview it on a moving object, and copy the CSS or JavaScript value straight out.Developer ToolsFreeSep 4
Easing FunctionsThe reference sheet for standard easing curves — every ease-in, ease-out, and elastic variant with a live preview and copyable code.Developer ToolsFreeSep 4
Easing GradientsGenerates CSS gradients that fade along an easing curve instead of a straight line — the fix for banded, muddy-looking gradient edges.Developer ToolsFreeSep 4
OKLCH Color PickerA color picker built on OKLCH — choose perceptually even shades, see which ones fall outside sRGB, and copy the CSS value.Developer ToolsFreeSep 4
Ray.soTurns a snippet into a shareable code screenshot — themes, padding, and window chrome, from the team behind Raycast.Developer ToolsFreeSep 4
RegExrBuild and debug regular expressions with live highlighting, a plain-English explanation panel, and a searchable library of patterns.Developer ToolsFreeSep 4
SVGOMGThe web front end for SVGO — drop in an SVG, toggle the optimizations, and watch the file size drop with the preview right beside it.Developer ToolsOpen sourceSep 4
ui.cameraTurns a screenshot of your interface into a polished product shot — device frames, backgrounds, and video, without opening a design tool.Developer ToolsSep 4
Articles
- Developer Tools13 Free Developer Tools, No Sign-Up RequiredThirteen free online developer tools that run in your browser with no account and no upload: color, SEO, conversion, and formatting utilities that just work.