AI is Thinking
...
taimurtools / Playground Hire me →
Front-end Playground

Build & ship
front-end code in your browser.

A CodePen-style environment — write HTML, CSS & JavaScript side-by-side with a live preview. Save your work, share it, and embed it anywhere. No account, no setup.

Welcome demo

Animated gradient · live preview · click "Open Editor" to play
Open in Editor →

Everything you need to prototype

A focused toolset for fast iteration. No accounts, no setup — open a tab and code.

Live preview

Your HTML, CSS and JS run in a sandboxed iframe and update as you type. Console messages stream straight back.

📦

Pen library

Save unlimited pens locally. Search, tag, duplicate, export and import — all without an account.

🧩

External libraries

Add any CDN-hosted CSS or JS library. Bootstrap, Tailwind, Three.js, GSAP — drop in a URL and go.

🎨

Themeable

Dark and light themes for the UI. Layout switches between split panes and stacked views to suit your screen.

🐞

Debug console

Built-in console captures logs, warnings and errors from your preview so you can debug without DevTools.

🔗

Embeddable

Drop any pen into another site with the view.html page. Designed to embed cleanly inside taimurtools.com.

Recent pens

Your latest work and bundled samples — click to open.

View all →

Ready to start?

Open a fresh editor and start coding. Your work saves to this browser automatically.