Live website

See the banner here

IIFE demo

NNorthstar Get started

A pretend product. A real SpryUI install.

Build calmer, ship smarter.

Northstar is a fictional workspace for focused teams. This side of the page behaves like a real marketing site so you can see where SpryUI banners appear.

Start free Take the tour →

Trusted by entirely fictional teams at

FIELDWORKMONUMENTKINSHIP

Installed code

Two scripts. That’s it.

View docs ↗

This is the exact code running on the mock website. Debug mode is on so you can inspect message matching and delivery in real time.

<!-- Load the hosted SpryUI SDK -->
<script src="https://spryui.com/sdk/v1/index.iife.js"></script>

<script>
  SpryUI.initSpryUi({
    publicKey: "YOUR_PROJECT_API_KEY",
    debug: true,
  });
</script>

Load onceAdd the SDK before your closing body tag.

Use your project keyEach project keeps its messages and analytics separate.

Publish remotelyAfter install, banners change without another code deploy.

Tip Open the SpryUI debug control in the lower corner to see why a message rendered—or why it did not.