Supertweak – a visual devtools extension for Tailwind CSS
Hi folks, I've been working on a visual devtool chrome extension for Tailwind CSS for quite some time now and just launched in recently. It let's you tweak your website from the browser itself and copy the classes or html afterwards to paste in your IDE. It's especially well suited to try out changes quickly, but I've built most of the landing page with the help of the extension itself. You can try it out in the landing page itself (no need to install anything). Features: - Click on any class (eg: px-4) and try out other values easily. - Preview the website in responsive mode and quickly…
In plain words
Supertweak is a Chrome extension that lets developers visually tweak Tailwind CSS directly in the browser without switching to their IDE. Users can click on any class to try different values, preview changes across responsive breakpoints, test variants, and edit elements live. Once satisfied with changes, developers copy the modified classes or HTML back into their code. The tool is designed for rapid prototyping and iteration, with an interactive demo available on the landing page that requires no installation.
written from the facts on this page · September 2026
From the sources
In the maker’s words, at launch
Hi folks, I've been working on a visual devtool chrome extension for Tailwind CSS for quite some time now and just launched in recently. It let's you tweak your website from the browser itself and copy the classes or html afterwards to paste in your IDE. It's especially well suited to try out changes quickly, but I've built most of the landing page with the help of the extension itself. You can try it out in the landing page itself (no need to install anything). Features: - Click on any class (eg: px-4) and try out other values easily. - Preview the website in responsive mode and quickly toggle between breakpoints. auto detects breakpoints set in the config. - Quickly try out new variants. Supports arbitrary variants too. - Lets you try out arbitrary and negative property values. - Add, remove or re-order elements. - Edit element attributes and text nodes etc. I'm excited to share it here and would love to hear your feedback and suggestions.
More life & fun this month
the category →- TL
Life & fun · 10d ago · louisabraham.github.io
Photosynthesis fires two of your iPhone
Life & fun · 28d ago · photosynthesis.camera
SoloUno▲310Take control of hair pulling, nail biting & skin picking
Life & fun · 28d ago · solouno.io
Scroll through all 43,252,003,274,489,856,000 reachable Rubik's Cube permutations.
Life & fun · 26d ago · everycube.alen.is
Hi HN, I built Eigendrum, a web tool that solves the 2D wave equation for arbitrary shapes so you can hear what they sound like as drums. How it works: * Solves -∇²u = λu using finite element analysis (Kφ = λMφ) on a triangle mesh. * Validated to <0.1% error against closed-form solutions for circles (Bessel zeros) and rectangles. * Sound model factors in strike location, Rayleigh damping, and mallet width. * Includes Kac drums I & II to demonstrate identical sound spectra from different geometries. * No frameworks, build steps, or dependencies. Repo and tests:…
Life & fun · 26d ago · baselashraf81.github.io
Launched alongside, November 2022
the whole month →
- TC
I made a thing! In 2014, I was holding a stack of iPhones and thought to myself: "Hey, if I had each phone display a playing card, I could click a button and they'd shuffle themselves" I pared that idea all the way down to this: trading cards made of e-ink displays. Right now, each card costs me about $20 each, but with only a bit more scale, I think I can get that down to $10. In doing this project, I learned how to design electronics and circuit boards. I learned Rust and wrote my first driver, I upped my CAD skills, 3D printed, and did my first resin casting. I generated the images on the…
Dev tools · 2022 · wyldcard.io
