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,316
- Following 533
- Followers 1,010
- Likes 1,596
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,352
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
117
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 :)
2
3
27
22,371
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,540
You too can use LiveCodes to run your library/framework/language!
Open-source, client-side, self-hostable, embedable, sharable and more!
116
LiveCodes retweeted
Fanak lang by @0xAhmedWael216 is running in the browser (on @livecodes_io ) 🔥🤩
3
13
695
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,134
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
81
8,845
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,100
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.net/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
293
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,555
👀
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
260
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
701
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
452
58,158
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
🥳
Now you can embed @livecodes_io playgrounds in all major platforms 🎉
@Medium : paste a share URL
@thepracticaldev (DEV .to): {% embed URL %}
@WordPress : plugin "LiveCodes Embed"
@NotionHQ : paste URL
And many more via @iframely , @embedly and any platform that supports oEmbed
4
211
LiveCodes retweeted
This is cool.
More people self-host = more happy I am.
It also encourages me fix the oldest issue with Coolify. UI.
I planned to make the new UI with v5, but as AI is so capable now, I can do a fresh UI in v4 as well.
So let me cook.
Introducing OpenShip.
An open-source application platform for building, deploying, operating, and scaling applications on infrastructure you own.
Replace deployment tools, managed services, and infrastructure workflows with one open-source platform.
Available today:
- Mail Server (Built in. One click).
• Runs on your own VPS
• Unlimited domains
• Unlimited mailboxes
• Modern webmail included
• Connect with Gmail, Outlook, Apple Mail, Thunderbird, or any IMAP/SMTP client
• Send email directly from your applications using SMTP
• No mailbox subscriptions or API fees
• High email deliverability
- Deployment:
• Deploy any stack
• Git-based deployments
• Zero-downtime deployments
• One-click rollbacks
• Development, Staging, and Production environments
• Multi-branch deployments with isolated environments • Deploy to VPSs, dedicated servers, cloud VMs, or your homelab
- Services:
Provision the services your applications need in one click.
Replace multiple managed providers with services running on your own infrastructure.
• Supabase
• PostgreSQL
• MySQL
• MariaDB
• MongoDB
• Redis
• MinIO
• Meilisearch
• Qdrant
• RabbitMQ
• Kafka
• ClickHouse
• Elasticsearch
...and deploy any other service alongside your applications.
- Operate:
• Live deployment logs
• Live request logs
• Real-time traffic analytics
• Automated backups
• Monitoring
• Secrets management
• Domains
• Automatic SSL
• Environment variables
• Scheduled jobs
• Health checks
-Multi Environments:
• Separate Development, Staging, and Production environments
• Deploy every branch independently
• Test changes before production
• Isolated services, secrets, and configuration per environment
- Security & Teams:
• Team management
• Role-based access control
• IP allow/block rules
• Rate limiting
• Security rules
- Developer Experience:
• Web dashboard
• Native desktop application
• CLI
• REST API
• MCP support for AI agents, just add the mcp and your agent can do the work for you
• Manage your infrastructure without living in SSH
- Coming Soon:
• Multi-server clustering for applications and databases
• One-click load balancing
• Horizontal scaling across multiple servers
• Built-in high availability and failover
• Scale from a single VPS to a cluster with the same workflow
• Just add servers. OpenShip handles the rest.
Open source.
48
22
848
78,681
LiveCodes retweeted
Introducing OpenShip.
An open-source application platform for building, deploying, operating, and scaling applications on infrastructure you own.
Replace deployment tools, managed services, and infrastructure workflows with one open-source platform.
Available today:
- Mail Server (Built in. One click).
• Runs on your own VPS
• Unlimited domains
• Unlimited mailboxes
• Modern webmail included
• Connect with Gmail, Outlook, Apple Mail, Thunderbird, or any IMAP/SMTP client
• Send email directly from your applications using SMTP
• No mailbox subscriptions or API fees
• High email deliverability
- Deployment:
• Deploy any stack
• Git-based deployments
• Zero-downtime deployments
• One-click rollbacks
• Development, Staging, and Production environments
• Multi-branch deployments with isolated environments • Deploy to VPSs, dedicated servers, cloud VMs, or your homelab
- Services:
Provision the services your applications need in one click.
Replace multiple managed providers with services running on your own infrastructure.
• Supabase
• PostgreSQL
• MySQL
• MariaDB
• MongoDB
• Redis
• MinIO
• Meilisearch
• Qdrant
• RabbitMQ
• Kafka
• ClickHouse
• Elasticsearch
...and deploy any other service alongside your applications.
- Operate:
• Live deployment logs
• Live request logs
• Real-time traffic analytics
• Automated backups
• Monitoring
• Secrets management
• Domains
• Automatic SSL
• Environment variables
• Scheduled jobs
• Health checks
-Multi Environments:
• Separate Development, Staging, and Production environments
• Deploy every branch independently
• Test changes before production
• Isolated services, secrets, and configuration per environment
- Security & Teams:
• Team management
• Role-based access control
• IP allow/block rules
• Rate limiting
• Security rules
- Developer Experience:
• Web dashboard
• Native desktop application
• CLI
• REST API
• MCP support for AI agents, just add the mcp and your agent can do the work for you
• Manage your infrastructure without living in SSH
- Coming Soon:
• Multi-server clustering for applications and databases
• One-click load balancing
• Horizontal scaling across multiple servers
• Built-in high availability and failover
• Scale from a single VPS to a cluster with the same workflow
• Just add servers. OpenShip handles the rest.
Open source.
289
842
7,703
2,576,802
LiveCodes retweeted
Oh wow!
Lots of people are using @openshipio
Such a great product.
The interest in OpenShip Cloud has been incredible.
Demand has grown much faster than we expected, so we're currently expanding our infrastructure. During this time, some new cloud deployments may be temporarily delayed.
In the meantime, keep self-hosting your apps with OpenShip, We're also rolling out stability improvements to make the app even better for everyone.
Fun fact: OpenShip Cloud will probably become the first deployment powered by OpenShip's upcoming horizontal scaling feature. Nothing like dogfooding your own product.
Thank you all for the amazing support - it has exceeded every expectation.
1
3
242