Phasmatic

Live backgrounds you paste in like a link.

Pick one, tune it in the browser, copy the link. It works in Webflow, Framer, Squarespace, Notion, and any page that takes an embed. No account, no framework.

Browse effects
DappledEphemerisAuroraTopo LinesWave FormPulseBlob CursorNeural MeshInk WarpVesselSplash CursorMagnet LinesFilamentsSmearRippleTunnelInterferenceLiquid MetalDappledEphemerisAuroraTopo LinesWave FormPulseBlob CursorNeural MeshInk WarpVesselSplash CursorMagnet LinesFilamentsSmearRippleTunnelInterferenceLiquid Metal

Built to sit behind your product

Hosted here, paused the moment it leaves view. Your page stays fast and your settings live in the link.

0

effects, all free

0

link to paste

0

accounts, frameworks, or build steps

Three ways to ship it

Tune it once. Use it as a link, a full-page background, or a component.

Embed

One link, hosted here. Your exact settings travel in the URL, so it renders the same in Webflow, Framer, Squarespace, Notion, or a plain HTML page.

Pick an effect

Interactive background

A full-bleed layer behind your whole page. It follows the cursor, and your content stays clickable on top. Iframes can’t do that.

See it live

React

Coming soon

Same effect, same settings, as a component in your app. Drop it in when you want to own the render. Coming soon; the export drawer previews it.

Tune once. Ship anywhere.

From the library to a live background on your own page in three steps.

1

Pick an effect and tune it

Open any effect, move the controls, land on a look. The link updates as you go.

2

Paste the link

<iframe
  src="https://phasmatic.app/embed/Aurora?c=…"
  style="border:0;width:100%;height:100%"
></iframe>

Hosted here, live. The link carries your exact settings, so it looks the same wherever it lands.

3

Or use the component

<Aurora preset="midnight" />

Same effect, same settings. Coming soon.

Pick an atmosphere and make it yours

Seventeen free effects, no account. Tune one and paste the link.

Browse the library