Skip to content
WebTricks

Introducing WebTricks

A growing toolbox of fast, in-browser tools and copy-paste snippets for web developers — free, private, no sign-up.

WebTricks is a collection of small, fast tools and copy-paste snippets that solve the everyday problems web developers keep googling — converting a color, compressing an image, generating a gradient, decoding a token.

Two ideas behind it

  • Everything runs in your browser. No uploads, no accounts, no servers touching your files. Image and font work uses WebAssembly locally, so your data never leaves the page.
  • A library, not just tools. Alongside the tools there’s a growing set of snippets — ready-made CSS recipes with a live, editable preview you can tweak and copy.

What’s there today

Tools span five areas: color (convert, palettes, contrast), CSS (gradient, shadow, border-radius, clip-path generators), image (compress, SVG optimize, favicons), font (WOFF2 convert, inspect) and text & data (JSON, Base64, JWT, hashes, regex, and more).

More tools, snippets and articles are on the way — follow along here on the blog or via RSS.