Utilities3 weeks ago
Useful Atlas: Free Browser Tools and AI Calculators
Browser-local calculators and utilities for AI costs, hardware specs, automation, and website planning.
@Erko95261453 · X
The full gallery
Tech stack
60 projects
Browser-local calculators and utilities for AI costs, hardware specs, automation, and website planning.
@Erko95261453 · X
Turn webpage screenshots into polished launch images with privacy-reviewed editing.
@pradeepXkapoor · X
It’s A simple screenshot beautifier chrome extension!
Browse and customize 45 WebGPU visual effects, then add them to your web apps.
u/Onnoz · Reddit
I built Shadertown: 45 WebGPU shaders for real web apps I built Shadertown , a catalogue of 45 fullscreen WebGPU backgrounds and image effects for the web. It includes auroras, fluid, particles, glass, bloom, ASCII, mosaics, neon signs, and more. Everything is rendered live in the browser with WebGPU — no videos or pre-rendered assets. npm install shadertown npx shadertown add aurora The CLI vendors the WGSL source, tuned parameters, example, README, and licence directly into your r
Chrome extension that organizes bookmarks visually on new tabs with workspaces and notes.
@IamYashKapoor · X
Built Tabisto (bookmark manager), a free Chrome extension and launched it in 5 days using Claude Code. Must try, you will really love it.
Write, edit, and compile LaTeX in your browser with unlimited real-time collaboration.
@letxapp · X
collaborative Latex. link:
Add drawings and annotations to HTML and Markdown pages with encryption.
pandrre · HN
I've built tldraw for HTML and Markdown pages (with encryption)
Drag boxes to visualize how a Flexbox layout engine infers constraints.
drzivil · HN
Drag boxes around and watch a layout engine infer the Flexbox (no AI)
Build visual data ETL pipelines for CSV, Excel, JSON, and Parquet files in your browser.
@ashkans_dev · X
An ETL tool:
Browser extension that customizes webpages with text prompts for styling, layout, and feature changes.
alentodorov · HN
built it in spring 2026--ready to share today. use opus 4.8 to create css and js snipptes to style the websites you visit the way you want. make nytimes more print-like, hn more matrix, or just replace any mention of AI with the :poop-emoji" -- your call.
Create and edit presentations entirely in one HTML file with real-time collaboration.
starfallg · HN
Bento - An entire PowerPoint in one HTML file (edit+view+data+collab)
Create motion graphics and animations in your browser with AI assistance.
u/StylePristine4057 · Reddit
I Updated Motionly: A free, lightweight, AI-assisted motion graphics editor that runs right in your browser. The video above was created from a Motionly project written with help from an AI assistant. I'm building Motionly, an open-source motion graphics editor that lets AI help create editable animation projects instead of just generating a final video. The idea is simple: AI creates the first draft, then you open it in Motionly and refine it visually. You can move elements
Explore 160 interactive Three.js examples demonstrating 3D web graphics and WebGL.
@maxchu2021 · X
160 Three.js examples built with Claude through vibe coding. AI didn’t replace coding—it accelerated experimentation and iteration. Next step: turning these demos into production-ready products. Link: #ThreeJS #WebGL #AI #Claude #VibeCoding