

img {
  border-radius: 10px;
}

img[src*="/static/favicon.png"], img[src*="/static/flowcode-logo-lightmode.png"], img[src*="/static/flowcode-logo-darkmode.png"] {
  border-radius: 0 !important;
}

/* Missing JS to wrap images in styled container
.media-container {
  border: 1px solid #ffffff0d;
  background-color: #ffffff14;
  border-radius: 20px;
  width: 100%;
  padding: 1rem;
  position: relative;
  box-shadow: inset 0 20px 20px #ffffff0a, 0 20px 20px #0000000a;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.media-container img,
.media-container video,
.media-container gif {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  border: 1px solid #ffffff0d;
}

*/

Inputs

Outputs

Get State

Flowcode Docs

Learn the basics of Flowcode and what sets it apart from other solutions.

Quick Start

Flowcode Basics

How to test your flow quickly and efficiently.

Testing

Flowcode's visual debugging capabilites are one of the things that sets it way ahead of traditional code. You can finally see exactly what's going on.

Debugging

Deploying

Organize your flow for a clean and understandble layout. Make sure everybody understand what's going on and satisfy your inner organization freak.

Getting Started

Essentials

Advanced and Settings

Nodes

Get State

Inputs

Outputs

Getting Started

Essentials

Advanced and Settings

Nodes

​Inputs

​Outputs

Inputs

Outputs