Fast Text Format Tools
The ultimate collection of lightning-fast utilities to format, convert, and streamline your workflow.
Favorites
Recently Used
Recently Added
Text & Compare
Case & Converters
Convert string cases, URL encode, and decode Base64 instantly.
Encoder / Decoder
Encode and decode various formats like URL, Base64, and HTML entities.
List Sorter & Deduplicator
Instantly sort text arrays alphabetically, numerically, or by length, and strip out duplicate lines.
Regex Replacer
Execute regular expressions, view live matches, and use cheat sheets.
Text Diff
Compare two text blocks side-by-side to highlight differences.
Text Statistics
Count words, characters, sentences, estimate reading time, and check keyword density.
Translator
Instantly translate text between dozens of languages.
Code & Formatting
Base64 to File
Decode Base64 strings or Data URIs back into downloadable files (images, PDFs, documents, audio) with instant live preview.
Code Beautifier
Beautify, validate, and minify your JSON, JavaScript, CSS, and HTML code into clean, readable syntax.
CSS Format
Format, beautify, validate, and minify CSS code with custom indentation.
CSS Visual Generators
Visually generate and export CSS code for Box Shadows, Gradients, Flexbox, and Grid layouts.
CSV to JSON/SQL
Convert CSV data to JSON arrays or SQL INSERT statements.
cURL to Fetch
Easily convert cURL commands into JavaScript Fetch API code.
HTML / XML
Beautify, minify, and clean up messy code instantly.
HTML to JSX
Client-side tool to transform HTML tags/attributes into React-compatible JSX.
HTML to Tailwind CSS
Convert standard inline styles and CSS declarations into Tailwind CSS utility classes with live preview.
JS Obfuscator
Transform readable JavaScript code into unreadable, minified code to protect logic.
JSON to Code
Convert JSON objects into typed models for various languages.
JSON Tree Viewer
Visually inspect, expand, collapse, search, and filter complex JSON payloads with path inspection.
Markdown
Write raw markdown with a live HTML preview.
Source Map Viewer
Client-side tool to upload a .map file and de-minify stack traces.
SQL Formatter
Beautify and format messy SQL queries.
String Escape & Unescape
Safely escape (and unescape) quotes, backslashes, and newlines for use in JSON strings, SQL queries, HTML, and Java/C#.
SVG Optimizer
Minify and clean raw SVG code.
SVG to PNG/WEBP
Client-side tool utilizing an HTML canvas to rasterize SVG code or files into downloadable images.
XML Utilities
Format and minify XML strings.
YAML <-> JSON
Instantly convert between YAML and JSON.
Data & Crypto
Bcrypt Hash
Generate and verify Bcrypt passwords locally.
Epoch Time
Convert timestamps to human-readable dates.
Hash Generator
Compute MD5, SHA-1, SHA-256, and SHA-512 cryptographic hashes.
JWT Decoder
Safely parse JSON Web Tokens into formatted Header and Payload data.
HMAC Generator
Compute and verify cryptographic HMAC signatures using SHA-256, SHA-512, MD5, and secret keys.
Generators & Utilities
ASCII Art
Generate large ASCII art text banners.
Barcode Generator
Client-side tool using a canvas to generate linear barcodes (UPC, EAN, Code39) from text.
CHMOD Calc
Calculate Linux file permissions easily.
Color Contrast
Check WCAG color contrast accessibility.
Color Format
Instantly convert HEX, RGB, and HSL color codes.
Cron Decoder
Translate cron schedules into human-readable text.
Favicon Generator
Convert standard images into universally compatible .ico files and generate standard web app icon sizes.
Image Base64
Convert image files into Base64 Data URI strings and CSS background-image properties.
Image Compressor
Compress and optimize JPEG, PNG, WEBP, and AVIF images locally in your browser.
Markdown Table Generator
A visual grid editor that allows users to easily add rows/columns and instantly outputs perfectly formatted Markdown table syntax.
Meta Tag & Open Graph Generator
Generate and visually preview SEO meta tags, Twitter Cards, and Facebook Open Graph tags.
Mock Data Generator
Generate hundreds of rows of fake test data (names, emails, addresses, dates, credit cards) and export it as CSV, JSON, or SQL INSERT statements for database testing.
Password Gen
Create strong, secure passwords using cryptographic algorithms.
PDF Toolkit
Merge, split, extract, rotate, and reorder PDF pages 100% locally in your browser.
Placeholder Text
Create random placeholder text for UI mockups.
QR Code
Create scalable, scannable QR codes from text or URLs.
Regex Tester & Builder
Test regular expressions with real-time match & capture group highlighting, syntax explanation breakdown, and multi-string test modes.
Robots.txt Generator
Build valid robots.txt rules, crawler directives, and block AI scrapers.
UUID / GUID
Instantly generate universally unique identifiers (v4).
XML Sitemap Generator
Construct valid XML sitemaps with custom URLs, change frequencies, and priorities for search engines.
Finance & Units
Currency Converter
Calculate global exchange rates in real-time.
Unit Converter
Instantly convert length, weight, temperature, and data storage.
Networking
DNS Lookup
Check DNS records in real-time.
HTTP Headers Viewer
View HTTP request headers sent by your browser.
Internet Speed Test
Test your download and upload connection speed.
IP Lookup
Look up IP addresses and geolocation data.
MAC Vendor Lookup
Identify hardware vendors from MAC addresses.
RDAP Lookup
Lookup domain and IP registration data, registrar, nameservers, and DNSSEC status via RDAP.
Redirect & Link Trace
Unmask shortened URLs and trace full HTTP 301/302 redirect chains to their final destination.
SSL Certificate Inspector
Inspect live SSL/TLS certificates, issuer chains, expiration countdowns, SAN domains, and fingerprints for any domain.
Subnet Calculator
Calculate CIDR network masks and IP ranges.
URL Parser
Extract and build URL query strings easily.
User-Agent Parser
Extract OS and browser info from User-Agent strings.
Webhook Tester
Send, test, and debug webhook deliveries with custom headers, HMAC signatures, and live response inspection.
CSS Visual Generators
Visually generate and export CSS code for Box Shadows, Gradients, Flexbox, and Grid layouts.
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.25);background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);Click any item in the preview to select and inspect its properties.
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}How to Use
Select a generator mode (Box Shadow, Gradient, Flexbox, or Grid Layout). Customize parameters visually using sliders and controls to see real-time updates in the preview canvas, then copy or export the generated CSS code.
Frequently Asked Questions
How does CSS Box Shadow work and what does each parameter mean?
The CSS box-shadow property attaches one or more drop-shadows to an element frame. The parameters specify horizontal offset (X), vertical offset (Y), blur radius (how soft or diffuse the shadow edge appears), spread radius (how much the shadow expands or shrinks), shadow color (typically semi-transparent rgba), and an optional 'inset' keyword to render the shadow inside the container.
Why should you use multiple box-shadow layers for realistic UI shadows?
Real-world shadows consist of both ambient environmental light and direct directional light. Layering a tight, slightly darker shadow with an expansive, soft, low-opacity shadow creates natural elevation and depth without looking muddy or artificial.
What is the difference between Linear and Radial gradients in CSS?
Linear gradients transition colors along a straight directional axis defined by degrees or keywords (e.g., 135deg or 'to bottom right'). Radial gradients emerge outward from a single origin point in a circular or elliptical pattern, creating spotlight or spherical color transitions.
When should you use CSS Flexbox vs CSS Grid?
Flexbox is a one-dimensional layout system ideal for organizing items in a single row or column (such as navigation bars, button groups, and toolbar alignments). CSS Grid is a two-dimensional layout system designed for complex web page structures, multi-column dashboard layouts, and strict grid alignments.
What is the difference between justify-content and align-items in Flexbox?
justify-content controls the distribution of flex items along the main axis (horizontal when flex-direction is row; vertical when column). align-items controls item positioning along the cross axis (perpendicular to the main axis).
How does repeat(auto-fit, minmax(...)) create responsive grids without media queries?
The auto-fit keyword instructs the grid container to fit as many columns as possible based on the container's current width. The minmax(200px, 1fr) function ensures each column never shrinks below 200px, but expands proportionally to occupy remaining available space.
What is the gap property in modern CSS layouts?
The gap property defines consistent spacing between rows and columns in both Flexbox and Grid layouts. It replaces obsolete margin hacks and negative margins, and does not add spacing on the outer perimeter of the container.
Are the generated CSS styles compatible across all modern web browsers?
Yes. Modern CSS box-shadow, linear/radial gradients, Flexbox, and CSS Grid have universal support across Chrome, Firefox, Safari, Edge, iOS Safari, and Android browsers without requiring legacy vendor prefixes like -webkit- or -moz-.
How do flex-grow and flex-shrink determine item sizing?
flex-grow specifies how much of the container's remaining positive space an item should absorb relative to its siblings. flex-shrink determines the rate at which an item compresses when the container space is insufficient.
Can I use the exported CSS in React, Vue, Svelte, or Tailwind projects?
Yes. The exported CSS rules can be pasted directly into standard CSS files, CSS Modules, styled-components, or translated into arbitrary Tailwind utility classes (e.g. shadow-[...], bg-[linear-gradient(...)]).
No results found
Try adjusting your search terms.