#css

Generate a modular (geometric) scale for typography and spacing. Pick a base size and a ratio — a named musical interval (minor-second, major-second, minor-third, major-third, perfect-fourth, augmented-fourth, perfect-fifth, minor-sixth, golden, major-sixth, minor-seventh, major-seventh, octave and more), a plain number like 1.25, or an interval written as 3:2 — and the scale endpoint returns a harmonious set of sizes stepping up and down from the base, where each value is base × ratio^step (step 0 is the base). Choose how many steps above and below, the rounding, and an optional unit suffix (px, rem, em) so the values come back ready to paste into CSS or design tokens. The ratios endpoint lists every named ratio with its decimal value. A modular scale gives type, spacing and layout a consistent rhythm instead of arbitrary pixel values. Pure local computation — no key, no third-party service, instant. Live, nothing stored. 3 endpoints. This produces a numeric size scale; for colour scales and gradients use the Gradient API.

api.oanor.com/modularscale-api

Name any colour. The nearest endpoint takes a colour as a hex, an rgb() value, an r,g,b triple or another name and returns the closest of the 140+ CSS named colours — matched perceptually with CIE76 Lab distance, not naive RGB, so the name actually looks right — along with the distance and whether it is an exact match. The name endpoint resolves a CSS colour keyword (e.g. rebeccapurple, cornflowerblue) to its hex and RGB, and list returns the whole named-colour set. Perfect for design tools and pickers, accessibility and theming, turning brand hex codes into human labels, and naming colours in generated palettes. Pure local computation — no key, no third-party service, instant. Live, nothing stored. 4 endpoints. Distinct from colour conversion / palette / contrast tooling, which does not name colours.

api.oanor.com/colorname-api

Encode content into a data: URI and decode a data: URI back to its content (RFC 2397). data: URIs inline a file directly into HTML, CSS, JSON or email — perfect for small images, SVG, fonts and icons that you want to embed without a separate HTTP request. The encode endpoint wraps your content (given as UTF-8 text, base64 or hex for binary) with a chosen media type and charset, in either base64 or URL (percent) encoding; the decode endpoint parses any data: URI and returns its media type, charset, whether it was base64, the byte size, and the payload as text and/or base64. Pure local computation — no key, no third-party service, instant; up to 4 MB via POST. Live, nothing stored. 3 endpoints. Distinct from a plain base64/hex encoder and from SVG-specific tooling.

api.oanor.com/dataurl-api

Generate colour gradients and colour scales programmatically. Produce an evenly-spaced scale of N colours between two or more stops (interpolated in a perceptually smooth colour space — lab, lch, oklab, oklch — or plain rgb/hsl), get a single interpolated colour at any position between two colours, and build a ready-to-paste CSS gradient string (linear with any angle, or radial) from a list of stops. Colours accept hex (#f00, #ff0000) or CSS names (red, steelblue). Perfect for data-visualisation colour ramps, heatmaps, chart palettes, theme generation and UI backgrounds. Pure local computation — no key, no third-party service, instant. Live, nothing stored. 4 endpoints. Distinct from colour conversion / harmonious palettes (one base colour) and image palette extraction.

api.oanor.com/gradient-api

Format and beautify source code with Prettier, the de-facto code formatter. Pass code and a language and get it consistently re-formatted: JavaScript, JSX, TypeScript, TSX, CSS, SCSS, LESS, GraphQL and Vue. Tune the output with print width, tab width / tabs, semicolons, single vs double quotes and trailing-comma style. Syntax errors come back with a clear message. The inverse of a minifier. Pure local processing — no key, no third-party service, instant. Live. 3 endpoints. Built for code editors and playgrounds, paste-and-format tools, snippet beautification, docs and CI formatting checks. Complements the SQL formatter and the JSON/YAML/Markdown tools (which cover their own languages).

api.oanor.com/prettier-api

Shrink your web assets. Minify CSS, JavaScript and HTML through one simple API and get back the compact output plus how many bytes (and what percent) you saved. CSS is minified with clean-css, JavaScript with Terser (with optional name-mangling and compression toggles), and HTML with html-minifier-terser (collapsing whitespace, dropping comments and redundant attributes, and minifying inline CSS and JS). Pass the source as a parameter or in the request body (up to 5 MB). Pure local processing — no key, no third-party service, instant. Live. 4 endpoints. Built for build pipelines, on-the-fly asset optimisation, email-HTML slimming, CMS and CDN tooling, and page-speed work.

api.oanor.com/minify-api

Browser-feature compatibility data as an API — the "Can I Use" support tables for over 550 web platform features across 19 browsers (Chrome, Edge, Firefox, Safari, iOS Safari, Samsung Internet, Opera, IE and more). Look up any feature (flexbox, css-grid, webp, fetch, websockets, …) for its full support matrix: per-browser current support, the first version that shipped full support, partial/prefixed/disabled flags and notes, the spec status, categories, keywords, global usage share and reference links. Ask a single feature×browser question, list or filter features by category, search features by keyword, and get the browser/agent list with version histories and the category/status legend. Backed by the public caniuse-db dataset (refreshed every 12 hours); query results are computed live. 7 endpoints. Built for build tooling, polyfill decisions, compatibility dashboards, linters and documentation. No upstream key.

api.oanor.com/caniuse-api

The Google Fonts catalogue as an API — 1,900+ open-source font families with everything you need to pick and embed a typeface. Look up a family (e.g. Roboto → category, available weights, variable-font axes, subsets and a ready-to-use CSS embed URL); search by name, category (Sans Serif, Serif, Display, Handwriting, Monospace), subset, weight or variable-font support; or list the most popular families. Each record carries the weights/styles, variable axes (wght, wdth, …), language subsets, designers, popularity rank and a Google Fonts CSS2 embed URL. Ideal for design tools, website builders, font pickers and theming systems.

api.oanor.com/fonts-api