Joined June 2023
- Tweets 1,294
- Following 528
- Followers 999
- Likes 1,559
139 Photos and videos
Pinned Tweet
4 Aug 2023
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
36
14,080
LiveCodes retweeted
Jun 6
Nice work!
It plays well with Markdown-to-LiveCodes
livecodes.io/docs/markdown-t…
This converts markdown code blocks to embedded code playgrounds powered by @livecodes_io (supports 90 languages/frameworks, runs on the client)
1
1
271
LiveCodes retweeted
May 30
أحمد الإمام عامل تأثير كبير في المجتمع العربي، ما شاء الله، و هو فعلا بيساعد الناس و يشجعهم
الحلقة اللي طلعت فيها معاه كانت من أهم أسباب انتشار @livecodes_io
لو عامل حاجة كويسة، تواصل معاه و هو ما بيتأخرش
May 29
الباب مفتوح لأي حد عامل حاجة كويسة و حابب يشاركها و يشرحها للناس و طلع معايا بالفعل ضيوف كتير في أول حياتهم التقنية و شاركوا حاجات و هيطلع بردو قريب إن شاء الله قريباً شباب في بداية الكارير بتاعهم، بحب النوع ده من الحلقات عشان بيكون فرصة لتشجيع الناس تعمل و تشارك خبراتها
3
5
133
7,538
LiveCodes retweeted
May 29
diagrams-js
Cloud system architecture diagrams as code in TypeScript
- Runs in browsers, node, deno & bun
- 17 Cloud Providers, 2k node types
- Custom nodes from URL or 200k iconify icons
- import/export to json
- Plugins (e.g. docker compose & kubernetes yaml)
- diagrams can be version-controlled
- Visual diffs
- CLI
- Code playground with examples
- Visual editor
- Tree-shakeable
- Types with autocomplete
- Skills for AI agents
diagrams-js.hatemhosny.dev/
3
8
49
10,531
LiveCodes retweeted
May 27
Yes, you can. But to avoid characters that are not URL-safe, base64 encoding is usually used.
@livecodes_io makes that easy. The toolbar below the code editor has a button for "Copy as URL".
data:text/html;charset=UTF-8;base64,PGh0bWw PGJvZHk V293PC9ib2R5PjwvaHRtbD4=
2
1
11
1,761
LiveCodes retweeted
May 23
Trinket is shutting down.
Move to @livecodes_io now
✅ Supports 90 languages/frameworks
✅ Free with unlimited usage
✅ No account required
✅ Runs in the browser
✅ You own your data
✅ Can be easily self-hosted on any static file server
✅ Open-source (MIT license)
3
9
525
LiveCodes retweeted
May 14
... and of course a @livecodes_io -powered playground 😉
diagrams-js.hatemhosny.dev/p…
1
1
151
LiveCodes retweeted
May 11
Try the @livecodes_io Markdown starter template
livecodes.io/?template=markd…
1
1
115
LiveCodes retweeted
May 11
Markdown support in @livecodes_io now added syntax highlighting for code blocks and Mermaid diagrams.
May 9
1
1
4
425
LiveCodes retweeted
May 11
@livecodes_io now has a Storybook instance for each framework SDK, with demos, example usage and detailed docs for embed options and configuration object.
May 9
1
1
1
66
LiveCodes retweeted
May 11
Creating Shareable URLs for @livecodes_io embedded playgrounds
livecodes.io/docs/tutorials/…
1
1
51
LiveCodes retweeted
May 11
It is a common need to provide a "Share" functionality for playgrounds.
@livecodes_io SDK now provides `compress` and `decompress` utility functions for URL-friendly base64-encoded playground config objects.
See guide for "Creating Shareable URLs" below.
May 9
1
1
2
129
LiveCodes retweeted
May 10
It is now easier than ever (for you and your agent) to contribute to @livecodes_io
Detailed contribution guides have been added with comprehensive descriptions and diagrams for overall architecture and the design of each system
github.com/live-codes/liveco…
Contribution is welcome 💚
1
6
12
882
LiveCodes retweeted
May 9
Among its many features, Xlog by @emad__elsaid , can turn any markdown code block to an interactive code playground using @livecodes_io 🤩
May 7
Introducing XLog: A Static Site Generator Built for Knowledge Bases
dev.to/emad__elsaid/introduc…
2
3
316
LiveCodes retweeted
May 9
npx skills add live-codes/livecodes
"Create a page with a code playground that can run python and shows the console output. Use React and TypeScript."
May 9
2
3
188
May 9
😍
May 9
Among its many features, Xlog by @emad__elsaid , can turn any markdown code block to an interactive code playground using @livecodes_io 🤩
1
50
LiveCodes retweeted
May 9
Web components support in @livecodes_io SDK is a big deal 🤩
It works with/without frameworks and with/without build steps.
Code can be added in `<template>`, `<style>` and `<script>` blocks.
Best DX with syntax highlighting and autocomplete. No need for escaping in strings.
May 9
3
7
458
LiveCodes retweeted
May 9
Whatever your tech stack is, you can use @livecodes_io SDK to create code playgrounds for 90 languages/frameworks.
Code samples in docs now are available for React, Vue, Sevlte, Solid, Preact and web components.
May 9
2
7
871