Sandpack by CodeSandbox

What it does

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

Sandpack is a component toolkit for creating your own live-running code editing experiences powered by CodeSandbox.

Run any JavaScript and Node.js app in any browser, powered by CodeSandbox. Easily create a live coding environment in your Docs. Sandpack runs CodeMirror under the hood, giving you all the basic capabilities of a code editor and syntax highlight. But you can use your own editor too! With built-in npm dependency support, hot module reloading, error overlaying, caching and Node.js support, Sandpack can preview configuration updates, test product outputs, inspect script integration, and more. With Sandpack, you're always one click away from opening your code snippet in CodeSandbox. This way, you can easily share bug reports or examples behind a unique URL. Set the template prop to get started…from sandpack.codesandbox.io

• 
  Jampack – Optimizes static websites as a post-processing step2024 · github.com · ▲328

  Hi! Jampack is a post-processing tool that takes the output of your Static Site Generator (aka SSG) and optimizes it for best user experience and best Core Web Vitals scores. As of today it can: - Optimize local images, CDN images or external images - Optimize above-the-fold vs below-the-fold - Limit images max width - Inline critical CSS - Prefetch links on scroll - Improve browser compatibility - Auto-fixes HTML issues - Warn for HTML accessibility issues - Compress all assets in the end It processes directly the static output so it's compatible with any SSG or framework. We are…

• 
  I've been making JavaScript sandbox alone for 6 years2022 · playcode.io · ▲397

  Hi HN! Thanks for your attention to my post. It was a big challenge to run most of Node.js packages in browser, fast moreover. Virtual File system, resolve import/export. I got cold many times, depressions, burned out, yet still alive and finished it. Many guys helped me with an advice. Many users give a lot of positive feedback. There are 200,000 monthly unique users. I work full time now because of the freemium business model. To be honest - I am happy after many years of hard work.

• 
  IBM Swift Sandbox2015 · swiftlang.ng.bluemix.net · ▲298

  Write & test Swift code in your browser

• 
  CodeSandbox2018 · codesandbox.io · ▲292

  The online code editor for web development

• 
  Interview Sandbox2020 · interviewsandbox.com · ▲99

  Write code, video chat, and draw in realtime with others.

• CC
  Chunk – Code sandbox for back-end devs2022 · chunk.run · ▲96

  Chunk co-founder here. We spent the last 2 weeks building this to scratch our own itch: As developers, we often have problems that could be solved just by running a few lines of code. Sometimes, running this code on your local machine is fine. But other time, the code need to run automatically reacting to external events or to run continuously, which means, it needs to run on a server somewhere. So now, you have to find a cloud provider, to package or build the code and finally to deploy it. All of that for what could be literally be 4 lines of code. We couldn’t find an easier way to do…

• 
  /dev/null▲484

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Magic Sidebar by BlackMagic.so▲1,084

  Powerful enhanced experience for Twitter

  Life & fun · 2021 · blackmagic.so

• 
  I made a modern web UI for Wikipedia▲979

  A beautiful, clean, modern web UI for Wikipedia. Enhance your Wikipedia experience with a redesigned look, new features and customization.

  Life & fun · 2021 · modernwiki.app

• 
  thirdweb▲897

  Build web3 apps and games, easily

  Dev tools · 2021 · thirdweb.com

• 
  Emoji to Scale▲713

  Your favorite emojis. To scale (more or less).

  Life & fun · 2021 · javier.xyz

• 
  Alfread▲641

  Actually read articles saved for later

  Work · 2021

• 
  BitsForDigits▲624

  A partial buyout marketplace free for bootstrapped founders

  Commerce · 2021 · flippa.com