elefcode
elefcode

Fast, browser-based developer tools.
Everything runs locally — nothing leaves your device.

58

Tools

6

Categories

100%

Local

A complete toolbox for developers — that respects your privacy

elefcode is a free collection of 58 developer utilities that run entirely in your browser. It brings the small tools you reach for every day — formatters, converters, encoders, generators, and calculators — into one fast, consistent workspace. There is nothing to install and no account to create: open a page and start working.

The defining feature is privacy. elefcode has no backend and no database. Whatever you paste, type, or upload is processed by JavaScript on your own device using standard browser APIs — the Web Crypto API for hashing and encryption, Canvas for image work, and more. Because your data never reaches a server, sensitive input like tokens, keys, config files, and photos stays with you.

The tools are organized into clear categories: Format & Validate for JSON and structured data, Security & Encoding for JWTs, hashing, and AES, Dev Utilities for everyday conversions, Text & Data for transforming content, and Design & Visual for colors, CSS, and images. New tools are added regularly.

Want to understand the concepts behind the tools? Our Guides explain topics like how JWTs work, what Base64 really does, cron syntax, Unix permissions, and more — in plain English, each linked to a tool you can try right away.

Advertisement

{ }

Format & Validate

Parse, diff, and preview structured data and text.

7 tools
🔐

Security & Encoding

Decode tokens, hash data, and encode content securely.

10 tools

Dev Utilities

Everyday developer conversions and calculators.

8 tools

Generators

Generate IDs, schedules, and time values on demand.

4 tools
aA

Text & Data

Transform, count, generate, and encode text and numbers.

14 tools
aA

Case Converter

Convert between camelCase, snake_case, kebab-case, PascalCase, CONSTANT, Title Case and more.

#

Word Counter

Live word, character, sentence, and paragraph counts with reading time and word frequency.

txt

Lorem Ipsum

Generate placeholder text by paragraphs, sentences, words, or bullet lists. One-click copy.

%

URL Encoder

Percent-encode and decode URLs and query strings with a live query-parameter breakdown.

&

HTML Entities

Escape and unescape HTML entities like < & ", or encode all non-ASCII characters.

0b

Number Base

Convert between binary, octal, decimal, and hexadecimal live. Handles very large integers.

±

Text Diff

Compare two blocks of text and highlight additions and deletions word by word or line by line.

A↓

Text Sorter & Dedup

Sort lines alphabetically, numerically, or by length, remove duplicates, reverse, or shuffle.

csv

JSON ↔ CSV

Convert a JSON array of objects to CSV and back, with custom delimiters and type coercion.

CSV Viewer / Editor

Paste or upload CSV to a sortable, editable table — add rows, rename columns, then export.

Markdown Table

Fill a visual grid, set column alignment, and copy a clean GitHub-flavored markdown table.

U+

ASCII / Unicode

Look up any character's code point, HTML entity, CSS/JS escape, and UTF-8 bytes. ASCII table included.

🔊

Text to Speech

Read text aloud with your browser's built-in voices and adjustable rate, pitch, and volume.

𝔉

Fancy Text

Turn text into bold, cursive, gothic, and bubble Unicode fonts to copy into social bios and posts.

🎨

Design & Visual

Build visuals, optimize assets, and generate markup.

15 tools
🎨

Color Converter

Convert HEX · RGB · HSL · HSV with live sliders. WCAG contrast ratio checker included.

css

CSS Gradient

Build linear, radial, and conic gradients visually. 7 presets, adjustable stops.

</>

Meta Tag Generator

Generate SEO + Open Graph + Twitter Card tags with live Google and social preview.

svg

SVG Optimizer

Remove Inkscape/Illustrator metadata, comments, and editor bloat from SVG files.

~~>

Mermaid Diagram

16 diagram types — flowcharts, ER, Gantt, Git graphs, mindmaps, and more.

Box Shadow Generator

Stack multiple box-shadow layers with live sliders for offset, blur, spread, and opacity. Copy CSS.

Border Radius Generator

Round each corner independently in px or %, preview the shape, and copy the shorthand.

Flexbox / Grid Playground

Toggle justify, align, direction, columns, and gaps. Live layout preview and copyable CSS.

AA

Contrast Checker

WCAG contrast ratio with AA / AAA pass-fail for normal text, large text, and UI components.

Favicon Generator

Render every favicon size from one image, with padding and circle-mask, plus HTML and manifest.

📦

Image Compressor

Re-encode and resize images to WebP, JPEG, or PNG with a live size-saved readout. Fully local.

🖼

Image → Base64

Convert an image to a data URI with ready-made CSS background and img-tag snippets.

cubic-bezier Editor

Drag control points to design a CSS easing curve, preview the animation, and copy the value.

📷

EXIF Viewer & Remover

Inspect a photo's hidden metadata and GPS location, then download a clean copy with it stripped.

💧

Image Color Picker

Upload a photo and pick any pixel to get its HEX, RGB, and HSL, with a magnifier and palette.