A Code Playground That Just Works! An open-source client-side playground for React, Vue, Svelte, TypeScript, Python, Go, Ruby, PHP, Java, C# & 90+ languages 🚀
In the browser!
- Tweets 1,321
- Following 532
- Followers 1,005
- Likes 1,614
Pinned Tweet
LiveCodes is here! 🎊
LiveCodes, a feature-rich, open-source, client-side, code playground that supports 80+ languages and frameworks. With LiveCodes, learning, experimenting, documenting, teaching, and sharing code is easier and more enjoyable than ever.
dev.to/livecodes_io/introduc…
4
10
37
14,416
LiveCodes retweeted
In the next version of @livecodes_io
Dart and Flutter support 🎯
Editor intellisense, share, deploy, embed 🚀
2
5
21
675
😎
In the next version of @livecodes_io :
All top 20 languages of TIOBE index (programming languages popularity) are supported (& many more!).
All run on the client-side. No servers. No build. No accounts. Free forever.
Share, export, deploy and embed.
It just works!
1
3
82
LiveCodes retweeted
الحمد لله،
بعد تعب كتير علي مدار شهرين نقدر نقول رسمي إن فنك V0.1 نزلت 🔥.
ودية محاولتي لكتابة بلوج عن الموضوع:
blog.ahmedwael216.workers.de…
3
7
30
2,490
LiveCodes retweeted
إن شاء الله رسميا هننزل Fanak V0.1 يوم السبت،
شكرا لكل الناس اللي ساعدوني، وبالذات دكتور @hatem_hosny_ و @livecodes_io
وإن شاء الله هحاول أنزل معاها بلوج صغيرة، بعد ضغط من @fahdashwr
2
5
17
1,248
I am getting super powers 💪🔥
Over the past 3 weeks I have been doing crazy things with @deepseek_ai 4.1 Flash and @CommandCodeAI I did not think were possible.
I got lots of compilers to run in the browser for use in @livecodes_io . These include:
Rust, Zig, Swift, Clang (C/C++/Obj-C/Obj-C++), Haskell, Elm, F#, VB .NET, Blazor, ClojureScript, V, D, Nim, Janet, Lean, Ocaml, Pascal, Octave, Crystal, Elixir, Erlang, Java, Scala, Dart, Solidity, Bash, Cobol, GLSL, DuckDB, Typst, OpenSCAD, Angular, Marko, Qwik, Ember, Remix and Astro!
It searched for open-source projects that implemented some of these and sometimes compiled the compiler itself into wasm!
Check `live-codes` org on GitHub if you want to have a look.
Wild time to be living in.
1
3
142
LiveCodes retweeted
Over the past 3 weeks I have been doing crazy things with @deepseek_ai 4.1 Flash and @CommandCodeAI I did not think were possible.
I got lots of compilers to run in the browser for use in @livecodes_io . These include:
Rust, Zig, Swift, Clang (C/C++/Obj-C/Obj-C++), Haskell, Elm, F#, VB .NET, Blazor, ClojureScript, V, D, Nim, Janet, Lean, Ocaml, Pascal, Octave, Crystal, Elixir, Erlang, Java, Scala, Dart, Solidity, Bash, Cobol, GLSL, DuckDB, Typst, OpenSCAD, Angular, Marko, Qwik, Ember, Remix and Astro!
It searched for open-source projects that implemented some of these and sometimes compiled the compiler itself into wasm!
Check `live-codes` org on GitHub if you want to have a look.
Wild time to be living in.
hey @CommandCodeAI,
I'm working hard to try to reach the $10 token limit. I'm not sure I will succeed!
Great product. Thank you :)
3
4
29
28,506
LiveCodes retweeted
Swift is coming to @livecodes_io 🥳
The official swift compiler compiled to wasm, running in the browser!
As usual, embed, share, self-host, free-for-ever.
1
4
28
1,595
You too can use LiveCodes to run your library/framework/language!
Open-source, client-side, self-hostable, embedable, sharable and more!
128
LiveCodes retweeted
Fanak lang by @0xAhmedWael216 is running in the browser (on @livecodes_io ) 🔥🤩
3
13
709
LiveCodes retweeted
In the next version of @livecodes_io
Modern C/C++/Objective-C/Objective-C++ using Clang 22 with complete libc++ (default: gnu++23)
Running in the browser. No servers. Embed. Share. Deploy. Self-host. Free forever!
Rust is coming to @livecodes_io 🥳
Rust on the client-side. No servers. Embed. Share. Deploy. Self-host. Free forever.
Rust devs, please give it a try and let me know what you think
rust.livecodes.pages.dev/?te…
2
4
20
1,146
LiveCodes retweeted
Rust is coming to @livecodes_io 🥳
Rust on the client-side. No servers. Embed. Share. Deploy. Self-host. Free forever.
Rust devs, please give it a try and let me know what you think
rust.livecodes.pages.dev/?te…
2
15
80
8,880
LiveCodes retweeted
@livecodes_io the client-side code playground that can be embedded and self-hosted is free for unlimited usage!
90+ languages/frameworks
Mobile support
Private by default
Open-source
1
1
3
2,115
LiveCodes retweeted
Livecodes is an example of WASM supremacy, run popular coding environments in your browser without any backend, all local, compiled using WASM.
@livecodes_io
If we combine something like this, with @gakonst's nanocodex that compiles in WASM, it'd be goated thing.
An AI native coding agent environment all running natively in your browser.
nitter.siddz.com/gakonst/status/2089121…
Jupyter style using the Browser's Origin Private File System - everything except OAI API (obv) is client-side with web APIs and WASM, PR in reply
1
2
295
LiveCodes retweeted
Bun.WebView is amazing! 🤯
It allows using @livecodes_io for scenarios like this.
You (or your AI agent) can run code in 90+ languages/frameworks with no dependencies, no installs and no node_modules!
This is revolutionary.
Wait for LiveCodes CLI 😉
![await using view = new Bun.WebView();
const script = '<script src="https://cdn.jsdelivr.net/npm/livecodes/livecodes.umd.js"></script>';
const url = `data:text/html;charset=UTF-8;base64,${btoa(script)}`;
await view.navigate(url);
const code = `import { useState } from "react";
export default () => {
const [count, setCount] = useState(0);
return <button onClick={() => setCount(count + 1)}>{count}</button>;
};`;
const html = await view.evaluate(`(async() => {
const playground = await livecodes.createPlayground({
headless: true,
config: { script: { language: 'react', content: ${JSON.stringify(code)} } },
});
const { result } = await playground.getCode();
return result;
})()`);
console.log(html);](/pic/orig/media%2FHQVDOlgXYAABYsX.jpg)
ALT await using view = new Bun.WebView(); const script = '<script src="https://cdn.jsdelivr.net/npm/livecodes/livecodes.umd.js"></script>'; const url = `data:text/html;charset=UTF-8;base64,${btoa(script)}`; await view.navigate(url); const code = `import { useState } from "react"; export default () => { const [count, setCount] = useState(0); return <button onClick={() => setCount(count + 1)}>{count}</button>; };`; const html = await view.evaluate(`(async() => { const playground = await livecodes.createPlayground({ headless: true, config: { script: { language: 'react', content: ${JSON.stringify(code)} } }, }); const { result } = await playground.getCode(); return result; })()`); console.log(html);
Outside of the Rust rewrite, one of the coolest things about 1.4 is Bun.WebView.
Insanely cool to have built in headless browser controls. The perfect thing to keep building agents on.
2
5
1,562
👀
Bun.WebView is amazing! 🤯
It allows using @livecodes_io for scenarios like this.
You (or your AI agent) can run code in 90+ languages/frameworks with no dependencies, no installs and no node_modules!
This is revolutionary.
Wait for LiveCodes CLI 😉
ALT await using view = new Bun.WebView(); const script = '<script src="https://cdn.jsdelivr.net/npm/livecodes/livecodes.umd.js"></script>'; const url = `data:text/html;charset=UTF-8;base64,${btoa(script)}`; await view.navigate(url); const code = `import { useState } from "react"; export default () => { const [count, setCount] = useState(0); return <button onClick={() => setCount(count + 1)}>{count}</button>; };`; const html = await view.evaluate(`(async() => { const playground = await livecodes.createPlayground({ headless: true, config: { script: { language: 'react', content: ${JSON.stringify(code)} } }, }); const { result } = await playground.getCode(); return result; })()`); console.log(html);
2
265
LiveCodes retweeted
I have had the same experience.
@livecodes_io has been running on @Cloudflare Pages with all versioned instances (e.g. v49.livecodes. io), hundreds of preview deployments, share URLs with projects on KV and large traffic to all of that for years totally for free.
Thank you!
everyone talks about their AWS horror stories.
nobody talks about the fact that I've been running real traffic on Cloudflare Pages, Workers and R2 for months and my bill is still literally $0.00
not a trial. not credits. just the free tier.
thank you @Cloudflare 🙏
2
10
704
LiveCodes retweeted
From now on, if your cloud provider suddenly raises prices, you only have one job:
Move.
Pick a cheaper server. OpenShip handles the rest
Server-to-server migration is now available
• Sites
• Containers
• Volumes
• Databases
• SSL certificates
• Backups
• Configurations
Everything is transferred to your new server with near zero downtime
Your data should never lock you into an overpriced provider
Not anymore
Available now in the pre-release
Stable enough for production testing.
26
30
451
58,226
LiveCodes retweeted
THIS IS HUGE!
From now on, if your cloud provider suddenly raises prices, you only have one job:
Move.
Pick a cheaper server. OpenShip handles the rest
Server-to-server migration is now available
• Sites
• Containers
• Volumes
• Databases
• SSL certificates
• Backups
• Configurations
Everything is transferred to your new server with near zero downtime
Your data should never lock you into an overpriced provider
Not anymore
Available now in the pre-release
Stable enough for production testing.
3
5
596