React Props Table Generator - Online Component Documentation
Enter a list of component props with types and defaults, and get a Markdown table ready for your Readme or Storybook.
UD5 Toolkit
Generate a clean, GitHub-compatible Table of Contents for your Markdown documents instantly.
Enter Markdown on the left to see your TOC here.
**bold**, *italic*, `code`, and [links](url) is intelligently stripped from the anchor text. For duplicate headings, a sequential suffix (-1, -2, etc.) is appended automatically.
```) and indented code blocks, ensuring that any # symbols appearing inside code snippets are not treated as headings. This prevents false entries from appearing in your generated TOC.
-), asterisk (*), or plus (+).
[TOC] marker at your cursor position in the input. After generating your TOC, you can copy it and replace the marker in your document. Some Markdown processors (like Typora and certain static site generators) can even auto-expand [TOC] or <!-- toc --> markers automatically.
# syntax, (3) verify that heading text isn't excessively long (GitHub truncates very long anchor IDs). The TOC links will work perfectly on GitHub repositories, Gist, and GitHub Pages.
- [link](#anchor) format) and renders natively on any Markdown platform. An HTML TOC uses <ul> and <a> tags. Our tool generates Markdown-format TOCs, which are universally compatible, lightweight, and easy to edit manually if needed.
Enter a list of component props with types and defaults, and get a Markdown table ready for your Readme or Storybook.
Toggle between show and hide for empty table cells. Understand how it affects borders and backgrounds.
See how <datalist> works across browsers. Test with many options. Copy the minimal markup. Simple native autocomplete.
Paste text and quickly highlight potential proper nouns (capitalized sequences). Aid for editing or anonymization. Simple regex-based, local.
Highlight elements with aria‑describedby and see the linked description text. Verify a11y annotations.
Reduce your HTML file size by stripping whitespace, comments, and optional closing tags. Secure browser‑based.
Upload a text file to detect its character encoding (UTF-8, ISO-8859-1, etc.) and BOM presence. Runs entirely in your browser.
Check if your site has a service worker registered and if it can load offline. Quick PWA readiness assessment.
Paste any text and have it read aloud while each spoken word is highlighted. Improve reading focus. Web Speech API.
Combine TTS with text highlighting. See each word colored as it is spoken. For e‑learning content creation. Local.
Play white, pink, or brown noise to aid focus, sleep, or tinnitus relief. Infinite loop and volume control. Works in background; no downloads.
Generate continuous white, pink, or brown noise for sleep or concentration. Adjustable volume with offline support via Web Audio API. No downloads needed.
Play continuous white, pink, or brown noise directly in your browser. Includes a timer for sleep and volume control for office concentration.
Visually configure scroll‑snap containers and items. Adjust alignment, stop behavior, and padding. Copy the clean CSS instantly.
Generate the MD5 hash of any text string. For quick integrity checks. All local computation.
Format a list of Q&A pairs and export as a CSV ready for Anki import. Simple line‑based template. Local.
Style underlines, overlines, and strike-throughs with colors, wavy styles, and thickness. Modern CSS text‑decoration.
Build a complex mailto: link with to, cc, bcc, subject, and body. Get the HTML anchor tag. Local.
Generate a random medieval occupation with a short description. For NPCs or historical curiosity. Local list.
Design a fully styled scrollbar with colors, width, radius, and hover effects. Supports both ::-webkit‑scrollbar and Firefox scrollbar‑width.
Create a realistic letterpress (debossed) text effect using CSS text‑shadow and background. Adjust depth and light direction. Copy code.
Generate a realistic‑sounding dinosaur name and see a fun description. Perfect for kids and writers.
Upload a small pixel art image and get a CSS grid layout that recreates it using divs. Novelty developer tool.
Generate a random, funny or serious company slogan for your startup idea. Brainstorming helper. All local.
Generate a random, somewhat meaningful song lyric line. Write your own hit with AI‑free randomness. All local.
Pick an emoji and convert it into a proper favicon .ico file for your website. No design skills needed. Instant download.
Generate a realistic‑sounding exoplanet designation (e.g., Kepler‑442b) and a sci‑fi planet description. For worldbuilding.
Add a decorative rectangular border/frame to your image. Adjust width, color, and shadow. Download the framed photo.
Click for an endless stream of random dad jokes and puns. Copy and share. Guaranteed to make you groan. All local.
Generate a random Sudoku puzzle with a unique solution. Choose difficulty and type numbers on the board. Timer and mistake counter.