Decibel Level Reference – Online Common Sound Examples
Interactive scale showing dB levels of everyday sounds with playable samples. Hearing safety.
UD5 Toolkit
Instantly check browser support for HTML5, CSS3, SVG, JS API features
loading browser support data…
Interactive scale showing dB levels of everyday sounds with playable samples. Hearing safety.
Enter a URL and extract the font stacks and web font URLs used on that page. Quick typography research.
Design a layout where nested grids share track sizes with their parent via subgrid. Copy the complete CSS.
See which fonts map to generic families (serif, sans‑serif, monospace) on different operating systems. A handy reference.
Paste your CSS and see warnings for properties that have limited browser support. Links to CanIUse. Modernize safely.
Browse the built‑in styles that browsers apply to HTML elements. Understand why your page looks different. Static reference.
Create complex linear gradients with any number of color stops, exact angles, and length units. Live preview and CSS code.
Style underlines, overlines, and strike-throughs with colors, wavy styles, and thickness. Modern CSS text‑decoration.
Search by country or currency name to find its symbol and code. Quick static reference for international business.
Design a button or card that glows on hover. Adjust shadow color, spread, and transition. Copy the CSS. Rich UI.
Create a realistic letterpress (debossed) text effect using CSS text‑shadow and background. Adjust depth and light direction. Copy code.
Generate a subtle noise/grain texture as a CSS background pattern. Adjust opacity and size. For that film look.
Create a customizable checkerboard or grid background using pure CSS gradients. Adjust cell size and colors. Copy the code.
Upload two images and apply CSS blend modes (multiply, screen, overlay, etc.). See the result and copy the filter CSS. Pure frontend.
Create a glowing or rotating border animation around an element. Copy the CSS keyframes. Pure CSS magic.
Create a custom HTML/CSS progress bar with percentage, colors, and animation. Copy the code. Modern UI element.
Design a realistic neon sign text with multiple layers of glow. Copy the CSS and HTML. Perfect for headers.
Reference diagrams for USB‑A, USB‑C, micro‑USB pinouts. See wire colors and signal descriptions. Hardware hacking helper.
A replica of the famous Flexbox Froggy game: solve alignment puzzles by writing CSS. Progress saved locally. Fun frontend learning.
Fetch a website's CSS and extract :root custom properties (‑‑color) to reveal its design token palette. For learning and inspiration.
See the current UV index forecast or enter a value to learn protection needed (SPF, hat, shade). Educational.
Enter a number of sides (3‑100) and get the correct polygon name (triangle, hectogon). Fun geometry reference.
Click a planet to see mass, diameter, moons, temperature, and distance from sun. Beautifully styled static data.
Scroll through thousands of pre‑computed digits of π. Search for a specific string of digits. For math lovers.
Recreate the target CSS linear gradient by adjusting stops and colors. A unique game for front‑end developers to master gradients.
Browse and search all Font Awesome 6 icons with preview, class name, and unicode. Copy the HTML snippet. Perfect for web developers.
A complete, searchable list of all 140+ named HTML/CSS colors with their hex codes and color previews. Click to copy code. Essential web reference.
Interactive ASCII table showing decimal, hex, octal, and binary codes for all standard and extended ASCII characters. A classic programmer reference.
Easily create asymmetric border radius values and preview the result. Copy the generated CSS instantly. All interactively and browser-based.
Beautify and format your CSS stylesheets instantly. Organize, minify, or prettify CSS code for better readability. Processed securely on client-side.