Format & Validate

{ }JSON Formatter TSJSON → TypeScript {✓}JSON Schema Form diffDiff Viewer .mdMarkdown Preview /re/Regex Tester ▶Code Runner blkBlockly → Code runSQL Playground ERDDB Designer SQLSQL Formatter gqlGraphQL Formatter APIOpenAPI Viewer {;}Code Beautifier

Security & Encoding

JWTJWT Decoder SHAHash Generator ***Password Generator b64Base64 MACHMAC Generator signJWT Builder SSLCertificate Decoder sshSSH Key Generator ▦QR Code ▮▯▮Barcode Generator AESAES Encrypt 2b$Bcrypt 401Basic Auth Header 2faTOTP / 2FA

Dev Utilities

755chmod Calculator slSlugify \nString Escape env.env ↔ JSON ymlYAML ↔ JSON utmUTM Builder git.gitignore 200HTTP Status Codes curlcURL to Code 🐳docker → compose k8sKubernetes YAML imgBadge Generator /24Subnet Calculator xmlXML Formatter tmlTOML ↔ JSON uaUser-Agent Parser GMTTime Zone Converter botRobots.txt Generator ⌨Keycode Tester

Generators

uidUUID Generator * *Cron Generator UTCTimestamp mockFake Data ngxNginx Config ht.htaccess ghaGitHub Actions 🐋Dockerfile cspCSP Generator hdrSecurity Headers tsctsconfig / package.json lintESLint / Prettier pwaPWA Manifest secsecurity.txt mdREADME ©LICENSE pwd.htpasswd gitGit Commands featCommit Message ^1.xSemver Ranges ✉Email Signature

Text & Data

aACase Converter #Word Counter txtLorem Ipsum %URL Encoder &HTML Entities 0bNumber Base ±Text Diff A↓Text Sorter csvJSON ↔ CSV ▦CSV Viewer ⊞Markdown Table U+ASCII / Unicode 🔊Text to Speech 𝔉Fancy Text mdHTML → Markdown jsxHTML → JSX sqlSQL INSERT Gen

Design & Visual

▤Page Builder ✦Logo Maker ▣Post & Flyer Designer 📊Chart Maker 🎨Color Converter ◧Color Palette cssCSS Gradient </>Meta Tag Generator {ld}Schema Generator svgSVG Optimizer ~~>Mermaid Diagram ▨Box Shadow ◗Border Radius ▚Flexbox / Grid AAContrast Checker ⭐Favicon Generator 📦Image Compressor AIBackground Remover OCRImage to Text (OCR)✂Image Editor 🖼Image → Base64 ⤴cubic-bezier 📷EXIF Viewer 💧Image Color Picker ◆clip-path 〰SVG Wave AaText Shadow ◐CSS Filter ▢Glassmorphism ◍Mesh Gradient PDFImages → PDF 📑PDF Toolkit 📐CAD Viewer :::Image → ASCII pngCode to Image 50-950Tailwind Shades @kfCSS Keyframes remCSS Unit Converter 16:9Aspect Ratio AaType Scale ◌CSS Loader ▕Scrollbar Styler ⬮SVG Blob & Pattern btnCSS Button ▦Grid Areas

130 tools · more coming soon ✦

Guides·Cheat Sheets·About·Contact·Privacy·Terms·Licences

© 2026 elefcode. All rights reserved.

Mermaid Diagram

Guides:Flowchart Sequence Diagram Class Diagram ER Diagram State Diagram Gantt Chart Pie Chart Git Graph Mindmap Timeline Kanban Board

SourceFlowchartTab indents · Ctrl+/ comments

12345678

PreviewRendering…

Rendering…

Export