About DevBottle
DevBottle is a collection of 31 free developer tools that run in your browser: formatters, generators, converters, and checkers, each built to do one job well.
- Launched
- April 2025
- Tools
- 31
- Categories
- 6
- Accounts needed
- None
What's in the bottle
- Color 5 tools Build palettes, convert color formats, and check contrast and color-blind accessibility.
- CSS & Layout 8 tools Visual generators for shadows, gradients, borders, clip paths, layouts, and CSS units.
- Animation 2 tools Design easing curves and keyframe animations with live previews.
- Code & Data 10 tools Format, encode, test, and optimize JSON, regex, API requests, SVG, and Base64.
- SEO 2 tools Generate structured data and preview how your links look when shared.
- Content & Text 4 tools Clean pasted HTML, generate URL slugs, and create developer placeholder text.
How the tools work
Every tool is a small web app that runs on your device. Paste JSON, drop an SVG, or tweak a gradient and the work happens right there in the page. There is nothing to install, no account to create, and DevBottle sets no cookies.
Two tools need the network by design: the API Tester sends the request you build, and the Meta Tag Preview fetches the page you want to inspect. The privacy page explains exactly what goes where.
How we choose what to build
Each tool starts as a task we kept doing by hand: cleaning up HTML pasted from a CMS, turning pixel values from a design file into rem, checking whether a color pair is readable. If a task comes up again and again, and a focused tool can make it faster, it earns a place in the bottle.
We keep each tool narrow on purpose. It should open instantly, work without a manual, and give you output you can copy straight into your project. Suggestions shape the list too, so tell us what you'd like to see.
Recently added
DevBottle launched with a slug generator and an HTML cleaner and has grown a few tools at a time since. The latest additions:
- Markdown Editor New
- JWT Decoder New
- UUID Generator New
- Unix Timestamp Converter New
- URL Encoder/Decoder New
- Hash Generator New
- JSON Formatter & Validator New
- Cubic Bezier Editor New
Release notes live in the blog's Announcements category.
Who writes the guides
The blog is written under the pen name Vibeus Moonscript. Each guide explains a concept developers run into (JSON parse errors, regex patterns, px versus rem, color contrast) and links to the tool that helps with it.
Get in touch
Found a bug, have an idea, or just want to say hello? We read every message.
Contact us