CSS Scroll-Driven Animation Generator Generate production-ready CSS that animates elements as the user scrolls, using the modern animation-timeline: view() and scroll() properties. Pick an animation type, target selector, timeline, axis, and range — then copy a clean stylesheet with an optional @supports fallback for older browsers. How to Use Pick an animation type — fade, ...
Try the Tool »CSS Design Token Generator Turn a single brand hex color into a complete, opinionated CSS custom-property token system. The tool generates an 11-stop perceptually uniform palette in OKLCH space (50 through 950) and layers a semantic token system on top so you can drop the output straight into a design system or component library. Unlike ...
Try the Tool »Environment Variable Template Expander Paste a template containing variable placeholders along with your environment variables, and instantly see the fully expanded result. Supports ${VAR}, {{VAR}}, %VAR%, and $VAR syntaxes, with auto-detection to handle all four in the same template. Unresolved placeholders are highlighted in a sidebar so you can see at a glance which keys ...
Try the Tool »CSS Logical Properties Converter Paste a block of CSS and instantly swap physical box-model properties (margin-left, padding-right, border-top-left-radius, top/left/right/bottom, width/height) for their writing-mode-aware logical equivalents (margin-inline-start, padding-inline-end, border-start-start-radius, inset-block-start, inline-size) — or reverse the conversion. The mapping is fully deterministic and covers margin, padding, border, border-radius corners, inset positions, sizing, overflow, plus directional values for ...
Try the Tool »JSON to GraphQL Type Definitions Generator Paste any JSON object or array and instantly receive a GraphQL Schema Definition Language (SDL) document that describes its shape. The generator walks the JSON tree, infers scalar types, names nested objects, merges array-of-object variants, and emits an optional root Query type so the output is ready to drop ...
Try the Tool »Loan-to-Value (LTV) Ratio Calculator This calculator measures how much of a property’s value is financed by debt. Enter the property value and your mortgage balance to see the LTV ratio, your home equity, whether private mortgage insurance (PMI) is required, and how your LTV compares to the limits set by Conventional, FHA, VA, USDA, Jumbo, ...
Try the Tool »TypeScript Type Stripper The TypeScript Type Stripper turns TypeScript source into clean, runnable JavaScript by erasing every compile-time construct the language adds on top of ECMAScript. Type annotations, interface declarations, type aliases, generic parameters, enums, decorators, and non-null assertions are removed in a single deterministic pass while the runtime logic of your program is preserved ...
Try the Tool »Carbon Footprint Estimator Estimate your annual personal carbon footprint in tonnes of CO2-equivalent (tCO2e) across transport, home energy, food, and consumer goods. The estimator uses published EPA, IPCC AR6, IEA, and peer-reviewed emission factors to convert lifestyle inputs into a transparent category breakdown, then compares your total to per-capita averages for major countries and estimates ...
Try the Tool »Tailwind CSS Classes to Plain CSS Converter Paste a string of Tailwind v3 utility classes and instantly get the equivalent plain CSS rule. Each Tailwind class is expanded to its exact CSS declaration with the correct rem, px, and color values from the official design tokens — no guessing, no rounding. Useful when migrating a ...
Try the Tool »Sitemap XML Parser & URL Extractor Paste any sitemap.xml or sitemap index file and instantly pull out every URL along with its lastmod, changefreq, and priority. The parser runs entirely in your browser using the native DOMParser, so nothing leaves the page. Filter by recency, sort by any column, export to Markdown, CSV, JSON, or ...
Try the Tool »CSS Media Query Generator Build precise CSS @media rules for any breakpoint and feature combination without memorizing syntax. Pick a framework preset, choose the query type, and toggle the extra media features you need — the tool stitches together a valid block with both classic and modern range syntax. How to Use Pick a Framework ...
Try the Tool »Aurora / Gradient Blob CSS Background Generator Build soft, glowing aurora-style backgrounds with up to four colored orbs you can drag, recolor, and resize on a live canvas. The tool outputs production-ready CSS using radial-gradient and filter: blur(), or a portable SVG using feGaussianBlur — so you can drop the result into any website, landing ...
Try the Tool »OpenAPI v2 to v3 Converter Paste a Swagger 2.0 specification and get a valid OpenAPI 3.0.3 version back in either JSON or YAML. The converter applies the official structural mapping rules — moving definitions under components/schemas, collapsing host, basePath, and schemes into servers, splitting consumes and produces into per-operation content maps, and reshaping form parameters ...
Try the Tool »DNS Propagation Checker When you change a DNS record — pointing a domain at a new server, swapping email providers, or rotating verification TXT entries — the update does not reach the rest of the internet at the same speed. Every recursive resolver caches answers for the length of the record’s TTL, so users on ...
Try the Tool »SVG Filter Effects Generator Design SVG <filter> effects visually. Pick a filter primitive — Gaussian blur, color matrix variants (hue rotate, saturate, luminance to alpha), turbulence with displacement, drop shadow, or a convolve matrix preset (emboss, engrave, sharpen, edge detect) — and tune its parameters with sliders while watching a live SVG preview on text, ...
Try the Tool »Email Signature HTML Generator Build a polished, copy-ready HTML email signature in seconds. Pick a layout, drop in your name, role, contacts, social links, accent color and optional profile photo or company logo — the tool renders a live preview and emits inline-styled HTML that pastes cleanly into Gmail, Outlook, Apple Mail and most other ...
Try the Tool »EV Charging Cost Calculator Estimate exactly how much your next electric vehicle charge will cost — at home or at a public station — and how long it will take on a Level 1 outlet, a Level 2 wallbox, or a DC fast charger. Punch in your battery size, current state of charge, target percentage, ...
Try the Tool »Dew Point & Absolute Humidity Calculator Enter the air temperature and relative humidity and the tool returns the dew point, wet-bulb temperature, NOAA heat index, saturation and actual vapor pressure, absolute humidity in g/m³, mixing ratio, specific humidity, moist air density, and a plain-language comfort rating. Numbers update as you type, no clicks or server ...
Try the Tool »TLS/SSL Config Snippet Grader Paste an Apache or Nginx TLS/SSL configuration block and get an instant A–F grade based on Mozilla’s Server Side TLS guidelines. The grader flags deprecated protocols, weak ciphers, missing HSTS, and other security issues, then suggests a Mozilla-aligned replacement snippet you can drop straight into your server config. How to Use ...
Try the Tool »Scala Code Formatter (Scalafmt Style) Paste raw Scala source and get back code formatted in the Scalafmt house style — 2-space indentation, balanced braces, normalized operator spacing, sorted imports, and consistent trailing commas. Output is deterministic, so the same input always produces the same result, which means cleaner diffs in code review and no more ...
Try the Tool »Add IO tools to your favorite browser for instant access and faster searching
Scoreboard is a fun way to keep track of your games, all data is stored in your browser. More features are coming soon!
Update: Our latest tool was added on Jun 21, 2026
Help us continue providing valuable free tools
