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!
Joined June 2023
- Tweets1.3K
- Following532
- Followers1K
- Likes1.6K
LiveCodes retweeted
Thanks to @HO_BA for inspiring me to embed the demons in the article itself
Thanks to @livecodes_io and its awesome SDK that allowed me to quickly have a live playground and allowed the readers to fiddle with the code with little setup from my side.
LiveCodes retweeted
@livecodes_io is static
LiveCodes retweeted
In the next version of @livecodes_io
Dart and Flutter support 🎯
Editor intellisense, share, deploy, embed 🚀
LiveCodes retweeted
الحمد لله،
بعد تعب كتير علي مدار شهرين نقدر نقول رسمي إن فنك V0.1 نزلت 🔥.
ودية محاولتي لكتابة بلوج عن الموضوع:
blog.ahmedwael216.workers.de…
LiveCodes retweeted
إن شاء الله رسميا هننزل Fanak V0.1 يوم السبت،
شكرا لكل الناس اللي ساعدوني، وبالذات دكتور @hatem_hosny_ و @livecodes_io
وإن شاء الله هحاول أنزل معاها بلوج صغيرة، بعد ضغط من @fahdashwr
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 :)
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.
LiveCodes retweeted
Fanak lang by @0xAhmedWael216 is running in the browser (on @livecodes_io ) 🔥🤩
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…
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…
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
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.
xitter.cf/gakonst/status/2089121…
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);](https://pbs.twimg.com/media/HQVDOlgXYAABYsX.jpg?name=orig)
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);
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 🙏
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.
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.
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.
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.
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.