livecodes VS sandpack

Please ⭐ star the project on GitHub if you like it, and follow LiveCodes on Twitter to be notified with latest updates!

In the evolving landscape of education, teachers and students are continuously seeking effective learning tools. The need for such tools is even more pronounced in the sphere of programming. The complexity of setting up development environments and the steep learning curve of programming languages are often challenging. This is where LiveCodes steps in, offering a seamless solution that makes programming accessible, interactive, and engaging while remaining free (and open-source) with unlimited usage. The versatility of LiveCodes makes it an ideal tool for schools, colleges, and coding bootcamps, as well as course websites and online learning platforms.

LiveCodes is a feature-rich, open-source, client-side, code playground that supports 80+ languages and frameworks. Check out the announcement for details.

I'm using https://github.com/live-codes/livecodes to just move it all completely into the client

LocalPen is a powerful frontend coding playground that runs totally on the client and can be hosted on any static file server. Try it now on localpen.io

At last, it feels great to build apps that you and others actually use. I plan to continue building and adding features/fixes to LocalPen. It would be great to know your opinion, comments, advice, ideas and, even better, contribution.

LocalPen is a powerful frontend coding playground that runs totally on the client and can be hosted on any static file server. Try it now on localpen.io

Here I am introducing LocalPen. A project that I started as a small module to be added to the website, but actually has grown much larger and deserved to be a separate project.

For us at CodeSandbox, we stand by it as a company but also as individuals. We released our browser editor, Sandpack, and parts of Nodebox as open source and we want to give back any time we can!

If you have any suggestions on how we can improve Sandpack, feel free to open an issue on GitHub. And if you have added Sandpack to our docs, we’d love to see the result—tweet it @CodeSandbox.

Sandpack? From codesandbox? https://sandpack.codesandbox.io/

As for the portal itself then I was thinking of making another post that explains how the site is built. But sandpack by codebox is the standard solution for live code execution.

https://sandpack.codesandbox.io/ Sandpack is what they're using. Go check out the docs, and I'm sure there's plenty of tutorials if you search it up

Create a new file in the codesandbox/sandpack/sandpack-themes/src folder with the following name [myAwesomeTheme].ts

Hi, Can anyone please let me know what this type of animation is called? Is it a type of Parallax effect or something else? Thanks. Reference: https://sandpack.codesandbox.io/ (Top section)

Danilo: Yes, we've been working hard to bring more optimizations to Sandpack, both on the React package (such as SSR improvements, lazily loading heavy dependencies, and removing redundant code) and in the bundler side too (you can find more details here: https://github.com/codesandbox/sandpack/issues/295).