What are assets?

Assets are images, videos, audio, and PDFs you upload to a specific playground. Each asset gets a stable public URL on FlowFn's CDN, which you can paste into your HTML, CSS, or JS.

Uploading

Open the Assets view in the editor toolbar.
Drag & drop files onto the panel, or click the dashed drop zone to choose files.
Uploads run in parallel and show progress per file. The card appears in the gallery as soon as it's committed.

Using an asset URL

Hover any card and click the Copy icon. The URL is a stable, public, CDN-served HTTPS link — drop it into:

<img src="https://cdn.flowfn.com/playgrounds/.../my-image.png" />
.bg { background-image: url('https://cdn.flowfn.com/...'); }
new Audio('https://cdn.flowfn.com/...').play();

The AI assistant can also reference assets by filename — when you ask "use my logo" it looks at the asset list and writes the reference itself.

Reference by relative path

You can skip the long URL entirely: reference an asset by its folder and filename and FlowFn swaps in the real URL when the page renders — in the editor preview and on the published site alike.

<img src="screens/02_skills.jpg" />   <!-- asset in the "screens" folder -->
<img src="hero.png" />                <!-- root asset (no folder) -->
.bg { background-image: url(screens/02_skills.jpg); }

Rules:

The path must exactly match an uploaded asset's folder + filename (case-sensitive). Anything that doesn't match is left untouched.
Leading / or ./ is fine: /hero.png and ./hero.png work the same.
Works in HTML src / poster attributes, inline style urls, and the CSS tab's url(...) values. Links (href) are never rewritten — page links keep working.
JavaScript is not resolved — elements your JS creates (including images populated from data sheet cells, e.g. img.src = row.image) should use the full asset URL. Store the full URL in the sheet cell — copy it from the Assets tab.
If two assets share a name, the newest upload wins. Query strings (?v=2) are not matched.
Renaming or moving an asset to another folder changes its relative path — update your references (the full URL never changes).

Limits

File size: follows your plan (typically 100 MB on free, more on paid plans). Files larger than the cap are rejected at upload.
Asset count per playground: capped by your plan. The header shows your current count.
Allowed types: images, video, audio, and PDF. Other types are rejected client-side.

Deleting

Click the trash icon on a card and confirm. The asset is removed from the playground and from S3; CDN edge caches may serve the old URL for up to a few minutes.

Privacy

Assets are public-readable by URL — anyone with the URL can fetch them. Don't upload confidential or regulated data to playground assets.

Playground assets