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.
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!
@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).
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.
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!