evenoroddman

Hey HN folks,

I’ve been working on https://jspad.dev (previously scriptpad.dev), a minimal, offline-friendly HTML/CSS/JS playground — now with TypeScript, SCSS, and instant framework templates (React, Vue 3, Svelte, Tailwind, etc).

What’s new:

TypeScript & SCSS support – typed JS and better styling directly in the browser, with zero setup hassle.

Framework Quickstart – One-click templates for React, Vue , Svelte, Tailwind and more.

Prettier formatting - JSPad now supports prettier formatting for

---

What hasn’t changed:

Instant live preview – Edit code and see results immediately.

Offline-friendly – Works without internet. Installable as a PWA.

No login required – Just open the site and start coding.

Shareable links – Save and share scripts via URL.

Power-user ready – Customizable editor, hotkeys, ZIP downloads, and more.

Great for quick prototyping, micro-apps, demos, or teaching. Built to be fast, focused, and distraction-free.

Try a TS/SCSS snippet here: https://jspad.dev/?c=2&o=1&id=5GAKXQ2HeULDhZPoBV6i

Feedback welcome!

These are some good points. I’ll put some more thought along these lines. Thanks.

Thanks. I’ll give it a go!

This is simple and dope! well done.

I see the same problem with HN tbh. So much so that I built newz.dev as alternative HN reader, meant to be minimal and easy to eyes.

Thanks for the suggestion. That would be on my list.

A sample snippet using ReactJS: https://scriptpad.dev/?id=555ysbnAyK3gc3vUOxmc&o=1&c=2

Yes. You should be be to install it as PWA on any device. If it’s a desktop device that you are using, you can install it using the install icon in the far right part of the URL search bar. For mobile, “add to Home Screen“ option should do the same on iOS. Android should have a similar option too.

A sample tailwind snippet to try- https://scriptpad.dev/?id=bl38D7nMBvVi4VXMo4uC&o=1#/fullpage

I am not sure about all the features codepen has. But here are some features you can try in scriptpad:

- Installable as app (PWA) on all devices. Works offline.

- You can download your snippets as zip.

- Editor supports emmet, for fluent devEx.

- Configurable editor, you can find all configs by clicking the gear icon on top right (or using CMD/Ctrl + K).

Sidenote: If you are seeing cached version for some reason, please ensure to hard refresh the page using "ctrl+shift+r".