The famous tools get all the attention. Everyone knows Figma, Notion, Canva — and everyone’s been through the onboarding tooltip sequence for at least one of them. The less famous tools sit quietly in a small group’s bookmarks bars, solving the same problems for a much smaller audience.
This is a first look at five of those quieter tools. None of them are particularly new — some have been running for years — but all of them remain genuinely underrated. They’re free online tools that require no sign up at all. They solve specific problems well. And they’re almost certainly not in the “popular apps” section of any app store or Product Hunt digest.
Apply Professional Glitch Effects to Images and Video in Your Browser
There’s a visual aesthetic that takes real work to achieve conventionally: controlled image distortion. Pixelation, chromatic aberration, scanlines, color channel displacement, datamoshing. These effects appear in music videos, editorial photography, and album art — and they typically require specific Premiere plugins, After Effects knowledge, or a tedious blend-mode process in Photoshop.
PhotoMosh does all of this in a browser tab. Drop in an image or short video, and you get 27 effect presets — jitter, strobe, bleed, ghost, bloom, kaleidoscope, and more — that you can chain together and animate in real time. Each effect has independent controls for intensity, size, and animation. The results export as JPG, GIF, or WebM video.
Everything runs client-side. Your files never upload to any server. That’s particularly meaningful for video, where upload time to cloud editing tools can eat most of the time you planned to spend editing. No account, no registration, no download needed — just a browser tab with drag-and-drop.
The full feature set is available on first load. No “try free, then upgrade.” No resolution cap. For short-form content creators who need a specific aesthetic without paying for the production plugins that normally produce it, this is the direct path.
Generate CSS Animations Without Memorizing the Syntax
CSS animation syntax is expressive but specific. The cubic-bezier() function takes four decimal values that aren’t intuitive to write from memory. @keyframes require getting the percentage stops right. Chain a few properties together and you’re back on Stack Overflow looking at the same answers you found last month.
Animation libraries like Animate.css solve this partially, but they add a dependency to your project and their built-in animations may not match your design’s timing. You end up customizing them anyway, which means understanding the syntax you were trying to avoid.
Animista is a browser-based CSS animation library where you pick an animation visually, adjust timing and easing with sliders, preview the result live, and copy clean CSS to your clipboard. It generates standard, dependency-free CSS — a @keyframes block and a class definition you apply to any element.
The categories cover most UI animation needs: basic entrances and exits, attention-seekers, bounces, flips, rotations, text animations, and SVG drawing effects. Each category has multiple variants, and the easing curve is adjustable for each one.
/* Example: scale-up animation generated by Animista */
@keyframes scale-up-center {
0% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
}
.scale-up-center {
animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}The output is plain CSS. Paste it into any stylesheet. No runtime dependency, no npm package, no build step change. For front-end developers who reference MDN’s CSS animation documentation regularly, Animista is the interactive version of that reference — with code you can copy directly. No account required.
Convert Between Code and Data Formats Without Installing Anything
The conversions come up constantly in development work. A JSON API response needs to become TypeScript interfaces. An SVG file needs to become a React component. A CSV export needs to become SQL INSERT statements. A JSON schema needs a corresponding Zod validator. Each of these is simple enough that writing a script feels like overkill, but tedious enough that doing it by hand takes longer than it should.
transform.tools is a multi-format code and data transformer that handles these conversions in one place. Paste input on the left, select the target format from a list, get the output on the right. The conversion happens instantly in the browser — nothing is sent to a server, no login required.
The supported transformations span a wide range:
| Input | Output options |
|---|---|
| JSON | TypeScript, Flow, Rust, Kotlin, Swift, Go, GraphQL, Zod, Yup, Mongoose |
| SVG | React component, Vue component |
| CSS | CSS-in-JS (styled-components, emotion) |
| YAML | JSON, TOML |
| GraphQL | TypeScript, Flow |
| JSON Schema | TypeScript, Zod |
The source code is on GitHub and the tool runs entirely client-side. For codebases where you routinely need to bridge between an API shape and a TypeScript type, or generate validation schema from an existing JSON definition, transform.tools removes a task that would otherwise require finding an npm package, creating a small script, or doing it by hand.
No sign up, no registration, no installation needed. Open the page and paste your input.
Edit Geographic Data Visually Without GIS Software
GeoJSON is the standard format for geographic data on the web — it describes points, lines, and polygons as JSON objects that mapping libraries like Leaflet and Mapbox can consume directly. Working with it usually means either writing coordinates by hand (tedious and error-prone), using professional GIS software like QGIS (powerful but steep learning curve), or relying on a cloud mapping tool that requires an account.
GeoJSON.io sits in the space between those options. Open it and you get an interactive map with drawing tools. Draw a polygon, trace a path, drop a marker — and the corresponding GeoJSON appears in a panel on the right, updating live as you draw. Edit the JSON directly and watch the map update in response.
The reverse workflow is equally useful: paste in a GeoJSON object and immediately see it rendered on the map. This makes it practical for debugging geospatial data — verifying that a polygon closes correctly, checking that a route follows the expected path, confirming that coordinate order matches what the mapping library expects. (The GeoJSON specification uses [longitude, latitude] ordering, which catches people out regularly.)
Export to GeoJSON, CSV, KML, GPX, or TopoJSON. For researchers, journalists, urban planners, or developers building location features who need a quick visual editor rather than a text file, this handles the job without an account or installation.
The tool has been maintained for years and remains one of the cleaner examples of a single-purpose tool that does exactly what it says. No upsell, no account wall.
Learn Regular Expressions Through Exercises, Not Documentation
Regex101 is the standard tool for testing regular expressions — paste a pattern, paste some text, see what matches with a live explanation. It’s excellent for that specific use case: debugging a pattern you’re already writing.
For learning regex from scratch, or filling in gaps in your knowledge, documentation-based approaches have a consistent failure mode. You read about lookaheads, understand them in the abstract, close the tab, and promptly forget the syntax the next time you need one. Reading about a concept and applying it under constraint are different cognitive tasks.
RegexLearn structures regex learning as exercises. Each lesson introduces a new concept and presents a set of strings: some should match your pattern, some shouldn’t. You write a pattern that satisfies the constraints and advance to the next level. The progression covers character classes, quantifiers, anchors, groups, backreferences, and lookaheads — roughly the full scope of practical regex.
The format forces active application of each concept as soon as it’s introduced, rather than passive reading. For concepts that are easy to understand in explanation but easy to apply wrong (word boundaries, greedy vs. lazy quantifiers, negative lookaheads), working through examples is a faster path to fluency than documentation alone.
No account required to start. No paywall after the first few lessons. The full interactive course loads on first visit — available immediately with no registration.
Why Single-Purpose No-Login Tools Work
These five tools share a characteristic that’s worth naming directly: none of them benefit from knowing who you are. PhotoMosh doesn’t need to save your project because the session is the work. Animista generates CSS you copy once. transform.tools converts data and discards it. GeoJSON.io stores state in the URL if you need to share it. RegexLearn tracks progress in local storage.
When a tool has no user concept, there’s no login wall to build. The design choice and the business model collapse into the same decision. Single-purpose tools with client-side processing have no reason to collect accounts, which means users get immediate access without trading their email address first.
That’s not an ideological argument. It’s just the practical result of how these particular tools are structured. The tools above are free browser tools that are useful precisely because they solve one problem well rather than building a platform around it.
For more tools across categories — developer utilities, creative tools, productivity apps, security tools — the full directory at nologin.tools lists hundreds of verified options, all without required signup. The five above are a good starting point for anyone who hasn’t seen them yet.