OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
Developer Tools

Flow Playground

Flow Playground is a browser-based integrated development environment for writing, compiling and testing Cadence smart contracts, transactions and scripts. It includes an embedded Flow emulator, starter templates and shareable project URLs.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Flow Playground — OpenViST project profile in Developer Tools.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use it for browser-based Cadence learning, teaching or early contract prototyping, especially when an emulator workflow without a locally installed node is useful.

Who it is for

  • Developers learning Cadence or prototyping Flow contracts.
  • Educators preparing browser-based Cadence examples.
  • Contributors working on the Playground itself.

Documented uses

  • Draft Cadence contracts, transactions and scripts.
  • Compile and iterate on code against an embedded Flow emulator.
  • Start examples from templates and share projects by URL.
Before you choose

Requirements & limits

The hosted Playground is described as usable in a browser without local tooling. The repository lists an Apache-2.0 license.

  • The editor supports Cadence contracts, transactions and scripts.
  • Code can be run against an embedded Flow emulator using in-browser accounts.
  • The project combines a static React and TypeScript frontend with a Playground API wrapping the Flow Emulator.
  • Local contributor setup requires npm and Docker.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Create and share a Cadence project

Use a template to deploy a contract in the browser emulator, try a transaction or script, and share the project.

Before you start

  • A browser and access to https://play.flow.com.

Steps

  1. Open the hosted Playground and create a new project.

  2. Choose a contract, transaction or script template.

  3. Deploy the contract to one of the in-browser accounts.

  4. Run a transaction or script against the deployed contract, then share the project URL.

Expected outcome

A Cadence project with an emulator-based contract workflow and a URL that can be shared with teammates or learners.

Guide limitations

  • The documented workflow uses the embedded Flow emulator and in-browser accounts.
Documentation 1 ↗
Source-based practical guide

Set up the Playground locally for contribution

Prepare the frontend and API for local development of Flow Playground.

Before you start

  • Git, npm and Docker.

Steps

  1. Clone the repository and change into its directory.

  2. Run the command below.

    Documented command
    npm install

  3. Rename .env.local to .env.

  4. Start the Playground API with the documented Docker command, then run the command below.

    Documented command
    npm run start

Expected outcome

The README describes the local Playground as available at http://localhost:3000.

Guide limitations

  • This is contributor setup; the hosted version is the documented route for using the Playground without local tooling.
Documentation 1 ↗
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
9 October 2026
Original website title
onflow/flow-playground · Official homepage title · retained in its source language
How we review sourcesSuggest a correction