Web Toolkit

A lightweight collection of handy tools for web and frontend development.

Tools

Encode/decode HTML special characters as decimal numeric character references to prevent garbling and improve safety.

Convert code/text into a VS Code user snippet JSON. Specify prefix/scope to quickly insert reusable templates.

Instantly shows your public IP address. Helpful for network adjustments and quick security checks.

Instantly counts characters, bytes, and lines. Useful for drafts, social posts, and submission checks.

Preview placeholder images instantly by specifying size, colors, text, and format. Copy URL or download for wireframes, mocks, and display tests.

Quickly generate Japanese text or Lorem Ipsum by character count. Ideal for layout checks and mockups.

Extract ids/classes from HTML and generate boilerplates for plain CSS, descendant CSS, and nested SCSS. Useful for early design and auditing markup.