react VS sandpack

Devbook allows you to integrate the "interactive code experience" natively into your docs. It's not just embedding an iframe. We can also handle use-cases like CLIs better since you can add a full emulated terminal [0] (like RunOps did on their landing page [1]) to your website and control it with JavaScript.

[0] https://github.com/devbookhq/ui

[1] https://runops.io/

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