Hand-picked weekly

Never miss a tool worth knowing.

The best new tools, hand-picked and delivered weekly. No spam — just signal.

Email address

Discover the best tools for every task. A curated directory for people who love great software.

Browse

Categories
Toolkits
Saved
Search

Company

About
My Account
Sign in

Connect

X / Twitter
GitHub
LinkedIn
Email us

© 2026 ToolFomo

CodeSandbox — ToolFomo

CodeSandbox

CodeSandbox

CodeSandbox is an online code editor and prototyping tool with AI features that makes creating and sharing web applications faster with instant deployment.

freemiumweb#cloud-ide #prototyping #web-development #collaboration #react #vue

What you can do with CodeSandbox

Practical ideas and workflows

1

Quick Prototyping

•Open CodeSandbox and choose a template like React or Vue.
•Start coding your UI components using the live preview feature.
•Share the sandbox link with team members for instant feedback.
•Make iterative changes based on feedback and update the preview.

2

Collaborative Coding

Categories

Vibe Coding Development & Coding

More like this

Tools with similar features

Lovable

lovable

Lovable is an AI-powered platform that enables users to create web applications and websites by providing natural language descriptions, eliminating the need for extensive coding.

freemiumwebextensionapi

Same.new

Same.new

same.new

Same.new is an AI-powered platform that enables users to replicate and customize any website's user interface by inputting its URL, generating corresponding code for various frameworks.

•Create a new sandbox and invite team members using the share link.
•Use real-time collaboration features to edit code simultaneously.
•Discuss changes using comments directly in the code editor.
•Export the final version for deployment to production or further development.

3

Learning New Frameworks

•Select a framework template in CodeSandbox, such as Angular or Svelte.
•Explore the provided example code to understand structure and syntax.
•Make modifications to the example to learn how to build functionality.
•Save your sandbox and share it with peers or mentors for review.

4

Building Full-Stack Apps

•Start a new sandbox with the 'Node + React' template for full-stack development.
•Develop your backend API in Node.js and connect it to a frontend built in React.
•Use the built-in deployment feature to host your app instantly.
•Share your live app link for others to test your full-stack application.

Emergent

Emergent

emergent

Emergent is an AI-powered development platform that enables users to build full-stack web and mobile applications through conversational prompts, eliminating the need for coding expertise.

Next.js

Next.js

next-js

Next.js is an open-source React framework for building full-stack web applications, supporting server-side rendering, static site generation, and API routes. It is developed and maintained by Vercel.

TailGrids

tailgrids

TailGrids is a comprehensive library offering over 600 Tailwind CSS UI components, blocks, and templates for building web applications, landing pages, e-commerce sites, and dashboards across HTML, React, Vue, and Figma.

The Component Gallery

The Component Gallery

the-component-gallery

An up-to-date repository of interface components from various design systems, serving as a reference for building user interfaces.