A runner for browser TypeScript
TSBin is built for TypeScript snippets that need a page, a stylesheet, and real browser APIs, not just an isolated function box.
Run TypeScript online
Run TypeScript online with a real browser preview
Write TypeScript, add supporting HTML and CSS, and see browser output quickly. TSBin keeps the runner local-first, fast, and ready to export.
Built for the in-between work
Write TypeScript, JavaScript, HTML, and CSS, preview changes quickly, and export the files when you need them.
Fast feedback without setup
Open the editor, change a file, and run the preview. The workspace is useful for examples, bug reproductions, and typed UI ideas before they need a repo.
Save work as real files
Saved projects keep their document formats in browser storage, and exports package your workspace as files you can keep or move into a larger project.
What TSBin gives you
Concrete browser-editor features, not a social feed or a heavy project scaffold.
preview renders under 50ms
1Live
Sub-50ms previews
Small saved snippets refresh in under 50ms on the warm preview path.
2Live
Compiler feedback
TypeScript diagnostics and editor feedback appear while you work.
3Live
Local-first saves
Saved projects stay in browser storage and reopen without account setup.
4Live
Project exports
Export the workspace as a zip with HTML, CSS, JavaScript, TypeScript, and JSON files preserved.
Frequently Asked Questions
1Is my code saved anywhere?
Your projects are saved in your browser's local IndexedDB storage once you save or run them. Existing saved projects autosave after edits, and TSBin does not upload your code to an account.
2Do you have plugins?
Emmet support is available today for HTML and CSS editing. More editor helpers are planned.
3Do you have Markdown support?
Markdown support is coming soon. Today, TSBin supports HTML, CSS, JavaScript, TypeScript, and JSON project files.
4Can I keep working offline?
Yes. TSBin is designed around local-first browser storage, so saved projects can reopen without account setup or a server round trip.
5What file formats can I save or export?
TSBin supports HTML, CSS, JavaScript, TypeScript, and JSON project files. Export keeps those document formats in a zip file.
6Can I download my code?
Yes. Use File > Export Project to download the current workspace as a zip file.
7How can I clear the console?
Type clear() in the console and press Enter. The shorter clear command also clears the console.
8Does TSBin support dark mode and light mode?
Yes. Use the theme button or Settings to switch themes, or press ModShiftS to toggle between light and dark mode.
9Does TSBin support keyboard shortcuts?
Yes. Open the keyboard shortcuts dialog from the header or press Mod/ to see the available shortcuts.
10Do I have to create an account?
No. There is no account setup, and TSBin does not create an account for you automatically.
11How do I request features or report bugs?
Open the File menu and choose Send Feedback. The form supports bug reports, feature requests, and privacy requests.
12Can I run TypeScript with HTML and CSS?
Yes. TSBin runs TypeScript alongside HTML and CSS files, so browser examples can include markup, styling, and typed behavior together.
13Is this useful for quick TypeScript bug reports?
Yes. TSBin works well for small reproductions because the editor, diagnostics, preview, and console stay in one browser tab.