a16.xyz a16.xyz
Building tools for developers · Open source

A collection of tools
by Abhishek

A selection of my work building elegant, functional solutions. Editors, converters, and writing — built with simplicity, performance, and developer experience in mind.

~/projects $ ls a16.xyz
reqline/
dev.teztarar.md wip
voice/ wip
scrollwiser/ wip
progress/
chartcraft/
python/
svg-studio/
editor/
paste-to-md/
jsts/
snippet/
random-hub/
bigtext/
type-master/
investyle.md
unraveljs.md
$ echo "15 tools · 2 blogs · 3 in progress"

Projects & Writing

A selection of tools, editors, and blogs I've built. Each one ships with a live demo — click through to try it.

App

Reqline

A focused desktop API testing client built for developers who want to test and debug HTTP requests without the weight of bigger clients. Supports all HTTP methods, bearer/basic/API-key auth, environment variables, cURL import, collections, and a built-in MCP server that lets AI agents (Claude, Cursor, Warp) drive your API workflows.

Electron React TypeScript Node.js MCP
GET POST PUT DELETE
GET api.example.com/users/42
200 OK · 48ms
{
"id": 42,
"ok": true
}
Web App
In progress

TezTarar

A space-themed brain-training playground packed with fast, bite-sized games — Number Blitz, Memory Orbit, Speed Comet, Operation Rush, Jupiter Zig, Echo Flash, and Equation Swipe. Each game targets a different cognitive skill (math, memory, speed, logic) and runs in seconds, so you can drop in for a round between tasks. Currently under active construction as new games and categories get added.

React TypeScript Vite Tailwind CSS
🚀 Brain training for explorers
💥 Blitz Math
🛸 Orbit Memory
☄️ Comet Speed
Rush Math
🪞 Echo Memory
🌙 Swipe Logic
App
In progress

Voice

A voice-first app that does two things well: speak-to-type (dictate into any input field and get clean transcribed text) and voice notes (capture spoken thoughts and search them later). Designed for quick capture while walking, driving, or thinking out loud. Currently under construction.

React Native Whisper TypeScript
Coming soon
"Remind me to ship the new landing page…"
Web App
In progress

ScrollWiser

A learning platform that turns coding concepts into short, swipeable cards — the same scroll-and-learn loop you get on social feeds, redirected toward actually useful knowledge. Each card is a bite-sized lesson on a single topic. Not live yet.

Next.js TypeScript Tailwind CSS Framer Motion
JS Arrays 101
push() adds to the end, pop() removes from the end.
swipe
JS What is a Promise?
A placeholder for a value that isn't there yet.
swipe
CSS CSS Grid Basics
grid-template-columns defines column tracks.
swipe
Web App

Progress Tracker

A lightweight goal and time tracker for people who want to measure where their hours actually go. Set goals, log time against them, and see progress over days and weeks — without the overhead of a full project-management tool.

Astro TypeScript Tailwind CSS LocalStorage
Ship reqline v1 92% · 18h
Daily reading 64% · 9h
Gym 40% · 4h
This week 31h
Web App

ChartCraft

A browser-based chart builder that turns CSV data into clean visualizations. Supports all 8 chart types — bar, line, area, pie, donut, scatter, radar, and composed — organized into projects so you can keep multiple datasets side by side. Ships with a built-in showcase project rendering the full set against a sample business dataset (revenue, active users, marketing spend, satisfaction), and saves your own projects to the browser so nothing leaves your machine.

React TypeScript Recharts Vite
Bar
Line
Donut
Radar
data.csv 8 chart types
Web App

Python Playground

A browser-only Python IDE that runs Python entirely client-side via Pyodide/WebAssembly. Perfect for teaching, quick experiments, and prototyping — no Python install, no virtualenv, no cloud runtime. Your code never leaves your machine.

Pyodide WebAssembly React TypeScript Monaco
main.py
def fib(n):
return n if n < 2 else fib(n- 1)+fib(n- 2)
>>> fib( 10)
55
via Pyodide · WASM ● Ready
Web App

SVG Studio

A browser-based SVG editor for designing and tweaking vector graphics on the fly. Edit paths, shapes, and colors visually, then copy the clean SVG markup straight into your codebase — no Illustrator, no Figma export dance.

React TypeScript SVG Canvas API
<svg viewBox= "0 0 120 80" >
Web App

Code Editor Studio

A comprehensive web-based code editing platform that combines the power of Monaco Editor with modern web technologies. Features include syntax highlighting for multiple languages, live preview, and project management capabilities. Can edit JSON, CSV and many more formats

React TypeScript Monaco Editor WebSocket Node.js
main.tsx
1 import React from "react"
2
3 export default function App () {
4 return <h1> Hello </h1>
5 }
Web App

Paste To Markdown

Paste any rich text content and get a cleaned markdown. You can use it in notes to fed it to your llm.

React TypeScript Monaco Editor WebSocket Node.js
Rich HTML
Title with link
→ italic text
Markdown
**Title** with [link](url)
*italic text*
Web App

JSON to TS

A developer utility that automatically converts JSON objects into TypeScript interfaces and types. Features intelligent type inference, proper formatting, nested object support, and bulk conversion capabilities. Perfect for TypeScript developers working with APIs and data structures.

TypeScript React JSON Parser Code Generation
JSON
{
"id": 42,
"name": "Ada"
}
TypeScript
interface User {
id: number;
name: string;
}
Web App

Code Snippet Editor

A powerful web-based tool for developers to create visually appealing code snippet images. Features syntax highlighting, multiple themes, customizable styling, and export options for sharing code on social media, documentation, or presentations.

React TypeScript Monaco Editor Canvas API
snippet.png
const greet = () => {
  return "hello"
}
Web App

Random Hub

A comprehensive platform which you can randomize several outcomes

React TypeScript Game API WebSocket Node.js
🎲
🎰
🃏
🎯
🎲
🪙
random() 0.847
Web App

BigText

A creative tool for designers and developers to create eye-catching text displays and typography effects. Features include customizable fonts, sizes, colors, animations, and export options for use in web design, presentations, and digital art.

React TypeScript CSS3 Canvas API WebGL
BIG
12
192
Web App

Type Master

An advanced typing practice platform designed to help users improve their typing speed and accuracy. Features interactive lessons, real-time feedback, comprehensive analytics, typing games, and progress tracking for all skill levels.

React TypeScript Web Audio API Canvas IndexedDB
The quick brown f ox jumps over the lazy dog
WPM 87
ACC 96%
Blog

Investyle

A financial market briefing platform that delivers daily updates on Indian markets (Nifty, Sensex) and cryptocurrency markets. Designed for busy individuals who want concise, noise-free market insights without unnecessary popups or distractions. Completely maintained by an OpenClaw agent.

Astro TypeScript Node.js Tailwind CSS API Integration
NIFTY 50 ▲ 24,617 +0.8%
SENSEX ▲ 80,845 +0.6%
BTC/USD ▼ 67,210 −1.2%
Blog

UnravelJS

A comprehensive resource for frontend developers offering clear explanations, tips, and updates on JavaScript, TypeScript, React, Vue, and the entire frontend ecosystem. Focuses on providing practical insights without unnecessary noise, helping developers master modern frontend development. Completely maintained by an OpenClaw agent.

Next.js TypeScript MDX Tailwind CSS Vercel
JS Closures, demystified
TS Discriminated unions
React useEffect pitfalls
Vue Composition API tips