Free Tools for
Your Practice.

The CSS box-shadow property adds depth and dimension to HTML elements without needing any images. It accepts values for horizontal offset, vertical offset, blur radius, spread radius, and colour — all adjustable in real time above. Inset shadows render inside the element rather than outside, useful for creating pressed or recessed button effects. For more realistic shadows, designers often stack multiple comma-separated values at different opacities. Copy the generated CSS directly into your stylesheet — it works in every modern browser with no vendor prefixes required.

CSS gradients create smooth colour transitions directly in code — no image files needed, which means faster page loads and perfect sharpness at any screen resolution or pixel density. Linear gradients flow in a straight line at any angle, while radial gradients emanate outward from a central point. Browser support for CSS gradients is universal across all modern browsers and requires no vendor prefixes. Gradients are commonly used for backgrounds, button states, overlays, and text effects. The output above is ready to paste directly into any stylesheet.

Meta tags are HTML elements that tell search engines and social platforms what your page is about — they do not appear on the page itself, but they heavily influence click-through rates in search results. Your page title should be 50–60 characters: descriptive enough to inform the reader, short enough not to be truncated by Google. Meta descriptions (shown below the title in search results) should be 150–160 characters and written to encourage clicks, not just summarise. Open Graph tags control how your page looks when shared on Facebook, WhatsApp, LinkedIn, and X — the previewer above shows you both. Getting these right is one of the fastest on-page SEO improvements you can make without touching your code.

Reading time is estimated at 200 words per minute — the average adult reading speed for on-screen content. Displaying an estimated read time on blog posts and articles is proven to reduce bounce rates: readers who know what they are committing to are more likely to stay. Speaking time uses a slower average of 130 wpm, which is more accurate for podcast scripts, video narrations, and presentations. Use this tool to check web copy, articles, landing page content, or any text before publishing — if the reading time feels long, that is usually a signal to tighten the copy.

UTM (Urchin Tracking Module) parameters are tags appended to a URL that tell Google Analytics exactly where a visitor came from. Without them, traffic from social media posts, email newsletters, and most referral sources appears as "Direct" in your analytics — making it impossible to measure which campaigns are actually driving results. The five standard parameters are: source (who sent the traffic, e.g. google), medium (the channel, e.g. email or cpc), campaign (the specific initiative), content (for A/B testing ads or links), and term (for paid keyword tracking). UTM parameters have no effect on the destination page or user experience — only on your analytics data. Use lowercase letters and underscores consistently to keep your reports clean and easy to filter.

QR (Quick Response) codes are scannable barcodes that instantly direct any smartphone camera to a URL, contact card, or piece of text — no app required on modern devices. They bridge print and digital: business cards, flyers, signage, menus, product packaging, and event materials all benefit from a well-placed QR code. The error correction level determines how much of the code can be damaged or obscured while still scanning correctly — Low (7%) is fine for clean digital use, while High (30%) is recommended for printed materials that may get scratched or folded. The PNG files generated here are high-resolution and include no watermarks. Download and use them anywhere, free of charge.