livecodes_io Profile Banner
LiveCodes Profile
LiveCodes

@livecodes_io

Followers
1K
Following
1K
Media
139
Statuses
1K

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
Don't wanna be here? Send us removal request.
@livecodes_io
LiveCodes
2 years
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. https://t.co/xmw1cro4R2
Tweet card summary image
dev.to
LiveCodes is here! ๐ŸŽŠ A Code Playground That Just Works! I'm thrilled to announce the public release...
3
10
35
@hatem_hosny_
Hatem Hosny
11 days
@livecodes_io is the perfect place to create, test, deploy, and share tools like this
@simonw
Simon Willison
13 days
Here's a collection of useful patterns I've found after vibe-coding 150 different single-file HTML tools over the past couple of years https://t.co/CXs38rwO92
0
1
1
@hatem_hosny_
Hatem Hosny
12 days
@simonw A great read. Thank you for sharing this. I think you will like @livecodes_io and it may become part of your workflow! It applies many of the patterns you mentioned. It can also make the feedback loop faster and solve some of the problems you want to avoid (e.g. using React with
Tweet card summary image
livecodes.io
A Code Playground That Just Works!
0
2
1
@hatem_hosny_
Hatem Hosny
25 days
TIL `Intl.Collator` Demo on @livecodes_io : https://t.co/hiNjLu2kF8
Tweet card summary image
livecodes.io
A project on LiveCodes.
@a_rebets
artem
25 days
@mattpocockuk Sets are awesome! I also like this thing, discovered recently
0
1
4
@hatem_hosny_
Hatem Hosny
1 month
That's why @livecodes_io is free forever
@aakashg0
Aakash Gupta
1 month
Let me explain exactly why VLC is free despite 6B downloads, because no one seems to get it. VLC doesnโ€™t make money because making money would destroy the only thing that made it reach 6 billion downloads in the first place. The player grew through a specific distribution loop:
0
1
4
@hatem_hosny_
Hatem Hosny
1 month
@mkdir_p @IamDammyGideon @udeochusp @livecodes_io @code Yes, LiveCodes supports VS Code editor shortcuts, in addition to these:
0
2
2
@IamDammyGideon
godeons
1 month
@udeochusp I do it both on mobile and desktop. For mobile I use @livecodes_io and for desktop, I use @code
0
2
3
@hatem_hosny_
Hatem Hosny
2 months
@ahmadalfy wrote another beautiful article about good URL design. Note: you can configure @livecodes_io using URL query parameters, e.g. https://livecodes .io/?js=console.log(%27Hello%20World!%27)&console=open&theme=light&themeColor=rebeccapurple Link to docs below ๐Ÿงต
@ahmadalfy
Ahmad Alfy
2 months
In my previous article, I wrote about the hidden costs of bad URL design. Today, Iโ€™m exploring the other side. The immense value of good URL design. The piece was inspired by my recent attempt to modernize @PrismJS on my blog: https://t.co/xP3hTFyXeM
2
2
8
@hatem_hosny_
Hatem Hosny
2 months
@livecodes_io can do that ๐Ÿคก React in Svelte with Tailwind CSS! ๐Ÿ˜ตโ€๐Ÿ’ซ link to demo below
@davis7
Ben Davis
2 months
just made it worse, can now use actual .tsx files
1
2
9
@hatem_hosny_
Hatem Hosny
2 months
@hatem_hosny_
Hatem Hosny
2 months
@diegohaz Try @livecodes_io , a feature-rich open-source client-side code playground that supports 90+ languages/frameworks. Projects can be imported (from many sources), shared, exported (e.g. to github gists), deployed (to github pages) and embedded in web pages. A powerful SDK allows
0
1
4
@hatem_hosny_
Hatem Hosny
2 months
@diegohaz Try @livecodes_io , a feature-rich open-source client-side code playground that supports 90+ languages/frameworks. Projects can be imported (from many sources), shared, exported (e.g. to github gists), deployed (to github pages) and embedded in web pages. A powerful SDK allows
2
4
12
@hatem_hosny_
Hatem Hosny
2 months
Have you used @livecodes_io for taking notes?! ?template=markdown Preview, save, share and export
0
2
7
@hatem_hosny_
Hatem Hosny
3 months
@livecodes_io TypeScript can even calculate Fibonacci !
1
1
3
@hatem_hosny_
Hatem Hosny
3 months
Did you know ...? @livecodes_io has first class support for TypeScript, including: - Autocomplete - Hover info - Error messages - Two-slash comments link to demo in thread...
@WebReflection
Andrea Giammarchi ๐Ÿฅ
3 months
finally some good usage of TS explained in details: https://t.co/5DX38AfqqC
1
3
15
@hatem_hosny_
Hatem Hosny
3 months
@KritikaSaini23 Try @livecodes_io Disclosure: I'm the author
0
1
2
@hatem_hosny_
Hatem Hosny
3 months
Reminder: @livecodes_io welcomes #Hacktoberfest contributions ๐Ÿค Repo link below:
1
2
7
@husamql3
Hรผsam ๐Ÿฅ‘
3 months
@hatem_hosny_ ุงู†ุง ู…ุจุณูˆุท ุฌุฏุง ุจุงู„ุจุฑูˆุฏูƒุช ูˆุจุญุถุฑุชูƒ ูˆุงู„ู„ู‡ ูŠ ุฏูƒุชูˆุฑุŒ ูƒู„ ู…ุง ุงุฏุฎู„ ุน ุงู„ุขุจ ู…ู‚ูˆู„ุด ุบูŠุฑ "ูˆุงูˆ"ุŒ Keep it up please โค๏ธ
1
1
8
@hatem_hosny_
Hatem Hosny
3 months
This is a big release ๐ŸŽ‰ An optional Docker setup for self-hosting #LiveCodes allows providing server-side features. e.g. automatic HTTPS, Open Graph meta tags, oEmbed, custom headers, short-URL share, broadcast server, separate origin sandbox , custom 404 page, etc.
@livecodes_io
LiveCodes
3 months
LiveCodes v47 & SDK v0.12.0 released ๐Ÿš€ - Optional Docker setup for services like sharing short URLs, broadcast server, 404 page, OG meta tags, etc - Support for Go using Yaegi (compiled to WASM) - Import code from images (OCR) - Updated python-wasm to Python v3.13.2 and more ๐Ÿ‘‡
2
6
36