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 ToolsFree
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 ToolsFree
Easing FunctionsThe reference sheet for standard easing curves — every ease-in, ease-out, and elastic variant with a live preview and copyable code.Developer ToolsFree
Easing GradientsGenerates CSS gradients that fade along an easing curve instead of a straight line — the fix for banded, muddy-looking gradient edges.Developer ToolsFree
OKLCH Color PickerA color picker built on OKLCH — choose perceptually even shades, see which ones fall outside sRGB, and copy the CSS value.Developer ToolsFree
Ray.soTurns a snippet into a shareable code screenshot — themes, padding, and window chrome, from the team behind Raycast.Developer ToolsFree
RegExrBuild and debug regular expressions with live highlighting, a plain-English explanation panel, and a searchable library of patterns.Developer ToolsFree
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 source
ui.cameraTurns a screenshot of your interface into a polished product shot — device frames, backgrounds, and video, without opening a design tool.Developer Tools
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.