Best Development Frameworks for CodeSandbox
View:
Compare the Top Development Frameworks that integrate with CodeSandbox as of December 2025
Sort By:
This a list of Development Frameworks that integrate with CodeSandbox. Use the filters on the left to add additional filters for products that have integrations with CodeSandbox. View the products that work with CodeSandbox in the table below.
What are Development Frameworks for CodeSandbox?
Development frameworks are code libraries and development tools that streamline the development process for developers that build applications. Development frameworks simplify the process of programming in different languages. There are a variety of different types of development frameworks including web development frameworks, mobile app development frameworks, frontend and backend frameworks, and more. Compare and read user reviews of the best Development Frameworks for CodeSandbox currently available using the table below. This list is updated regularly.
-
1
Gatsby
Gatsby
Gatsby is an open-source, modern website framework that builds performance into every site by leveraging the latest web technologies such as React and GraphQL. Create blazing-fast apps and websites without needing to become a performance expert. Preview is like a private playground for developers, designers, and content creators. It provides a shareable temporary URL for viewing changes immediately and in context—so you can make sure that new header plays nicely with the rest of the page before hitting “publish.” Gatsby Builds is the fastest continuous deployment solution for Gatsby sites and apps—up to 20x faster standard builds times than other solutions, and now up to 1000x faster with Incremental Builds (beta). Use automated Lighthouse performance checks and deploy previews to fix errors before they’re published. Build with Gatsby and deploy to your favorite CDN.Starting Price: $99 per month -
2
React
React
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.Starting Price: Free -
3
Ruby on Rails
Ruby on Rails
Over the past two decades, Rails has taken countless companies to millions of users and billions in market valuations. Over six thousand people have contributed code to Rails, and many more have served the community through evangelism, documentation, and bug reports. Rendering HTML templates, updating databases, sending and receiving emails, maintaining live pages via WebSockets, enqueuing jobs for asynchronous work, storing uploads in the cloud, providing solid security protections for common attacks. Databases come to life with business logic encapsulated in rich objects. Modeling associations between tables, providing callbacks when saved, encrypting sensitive data seamlessly, and expressing SQL queries beautifully. Controllers expose the domain model to the web, process incoming parameters, set caching headers, and render templates, responding with either HTML or JSON.Starting Price: Free -
4
Angular
Angular
Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop. Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering. Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model. Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work. From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google's largest applications.Starting Price: Free -
5
Svelte
Svelte
Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes. We're proud that Svelte was recently voted the most loved web framework with the most satisfied developers in a pair of industry surveys. We think you'll love it too. Read the introductory blog post to learn more. Svelte is a tool for building fast web applications. It is similar to JavaScript frameworks such as React and Vue, which share a goal of making it easy to build slick interactive user interfaces. But there's a crucial difference: Svelte converts your app into ideal JavaScript at build time, rather than interpreting your application code at run time.Starting Price: Free -
6
Preact
Preact
Preact provides the thinnest possible Virtual DOM abstraction on top of the DOM. It builds on stable platform features, registers real event handlers and plays nicely with other libraries. Most UI frameworks are large enough to be the majority of an app's JavaScript size. Preact is different: it's small enough that your code is the largest part of your application. That means less JavaScript to download, parse and execute - leaving more time for your code, so you can build an experience you define without fighting to keep a framework under control. Preact is fast, and not just because of its size. It's one of the fastest Virtual DOM libraries out there, thanks to a simple and predictable diff implementation. We automatically batch updates and tune Preact to the extreme when it comes to performance. We work closely with browser engineers to get the maximum performance possible out of Preact.Starting Price: Free -
7
Next.js
Vercel
Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. The interactive course with quizzes will guide you through everything you need to know to use Next.js. Next.js has built-in support for internationalized (i18n) routing since v10.0.0. You can provide a list of locales, the default locale, and domain-specific locales and Next.js will automatically handle the routing.Starting Price: Free -
8
Vite
VoidZero
Get ready for a development environment that can finally catch up with you. Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts: A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR). A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production. Vite is opinionated and comes with sensible defaults out of the box, but is also highly extensible via its Plugin API and JavaScript API with full typing support.Starting Price: Free -
9
Astro
Astro Framework
Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy it everywhere, all powered by your favorite UI components and libraries. Astro optimizes your website as no other framework can. Leverage Astro's unique zero-JS frontend architecture to unlock higher conversion rates with better SEO. Astro was designed for your content. Fetch data from any CMS or work locally with type-safe Markdown and MDX APIs. Build personal and professional blogs with Astro's built-in Markdown support and content APIs. Stand out from the crowd with a lightning-fast site that ranks higher in SEO. Agencies use Astro to build fast websites, faster. Customize every site with full control over your frontend code. Time is money. Give your customers a better shopping experience and grow your business faster. Put your best foot forward with a portfolio that performs. Help people get to know you (and your work) faster.Starting Price: Free -
10
Nuxt
NuxtLabs
Build your next Vue.js application with confidence using NuxtJS. An open source framework making web development simple and powerful. Nuxt is based on a powerful modular architecture. You can choose from more than 50 modules to make your development faster and easier. You don't have to reinvent the wheel to get PWA benefits, add Google Analytics to your page or generate a sitemap. With Nuxt.js, your application will be optimized out of the box. We do our best to build performant applications by utilizing Vue.js and Node.js best practices. To squeeze every unnecessary bit out of your app Nuxt includes a bundle analyzer and lots of opportunities to fine-tune your app. Our main focus is the Developer Experience. We love Nuxt.js and continuously improve the framework so you love it too! Expect appealing solutions, descriptive error messages, powerful defaults and detailed documentation. -
11
Vue.js
Vue.js
Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Truly reactive, compiler-optimized rendering system that rarely requires manual optimization. A rich, incrementally adoptable ecosystem that scales between a library and a full-featured framework. Vue is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS and JavaScript, and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be it simple or complex. Vue extends standard HTML with a template syntax that allows us to declaratively describe HTML output based on JavaScript state. Vue automatically tracks JavaScript state changes and efficiently updates the DOM when changes happen. Vue is a framework and ecosystem that covers most of the common features needed in frontend development. -
12
Remix
Remix Framework
Remix is a seamless server and browser runtime that provides snappy page loads and instant transitions by leveraging distributed systems and native browser features instead of clunky static builds. Built on the Web Fetch API (instead of Node) it can run anywhere. It already runs natively on Cloudflare Workers, and of course supports serverless and traditional Node.js environments, so you can come as you are. Page speed is only one aspect of our true goal though. We're after better user experiences. As you’ve pushed the boundaries of the web, your tools haven’t caught up to your appetite. Remix is ready to serve you from the initial request to the fanciest UX your designers can think up. Get fancy with transition hooks and make some pending UI. Remix handles all the state, you simply ask for it.
- Previous
- You're on page 1
- Next
