Aditya

Sandpack by CodeSandbox - Toolkit for building live coding experiences in browser

by

Sandpack is a toolkit for building live coding experiences that run fully in the browser.

✨ Full-featured editor experience
✨ Lightning-fast browser bundler
✨ Direct CodeSandbox integration

Add a comment

Replies

Best
Ives van Hoorne
Hey everyone! First of all, super cool to see us on ProductHunt 😄. We've been working on Sandpack for a long time, and we're now at the point that we're read to release it. With Sandpack you can create your own live coding experiences, and the possibilities are really endless. You can build your own CodeSandbox, or build a REPL, or a low code editor. This is using the same in-browser bundler that we use in CodeSandbox. The main goal behind this is to give you the power of CodeSandbox, but with most flexibility possible. If you're interested in using Sandpack, definitely let us know. We'd be happy to help!
Yousef El-Dardiry
@ives_van_hoorne Congrats on launching! I started adding it to Docusaurus a few weeks ago - and now have fully functioning live examples for my collaborative (CRDT) data store working (e.g.: https://yousefed.github.io/Synce...). Was fairly straightforward to integrate, regardless of the libraries used (plain JS, React, Vue, Typescript).
Benjamin Grandfond
congrats on your launch @ives_van_hoorne it looks great!
Erik Rasmussen
Very cool! I can't wait to see what the community does with the power of CodeSandbox running in their own site. Well done, Ives!
Andras Bacsai
Really looking forward to see what the community will build with Sandpack! 🎉
Craig Atallah Frost
This looks so awesome 💯
Jose Eduardo Saura
Really cool. I am sure that this component will be used a lot everywhere. Thanks for sharing the code also, that's extremely useful for the community, we also open sourced our solution. Thanks a lot again, see you around and good luck!
Abraham Aremu
Damn...this is great. Thanks a lot.
Rodrigo Pombo
I've been using Sandpack for a while in Code Hike (https://codehike.org/). I'm still amazed how they put all those magical features behind such a clean API. Awesome work, kudos to the team.
Amirali Nurmagomedov
impressive landing page, good job team, congrats with the launch 👋
Csaba Kissi
It is exciting! I’ll definitely check it out!
Dmitriy Danielyan
excellent tool for training your frontend skills quickly
Yarik
If your requirements are simple, for example you want to provide code samples in your documentation, better use something like this: https://lab.kasper.io/editr/ It's more lightweight and faster. For more advanced usage, yes this product by Codesandbox may look good, but if you want to use it, consider making a fork that has no references to proprietary APIs.