Page structure

The top of a page: announcement bar, heroes from slim to full-bleed, page headers slim and thick, and numbered section headers.

AnnouncementBar
Hero
PageHeader
SectionHeader

01AnnouncementBar

AnnouncementBar

One line across the top of the site for news every visitor should see. Dismissing it is remembered per announcement, so the next one still shows.

Tones Each tone has its own glyph; the link nudges on hover.

New CroStream 1.4: Moments now cut your Shorts for you. What's new

Haliebug13 is live right now. Come say hi. Watch

Twitch sign-in is having trouble. Your triggers keep running; new logins may fail for a while.

Everything's back to normal. Thanks for your patience.

The docs moved to docs.crostream.io. Old links still work.

Dismissible Dismiss it, reload, and it stays gone; a new id brings it back.

New Moments are here: CroStream watches your stream and catches the best bits. Release notes

02Hero

Hero

The opening band of a page, from a full landing hero to a slim inner-page intro. The headline scales with the hero's own width and always fits its longest word.

Centered The landing hero: eyebrow pill, gradient second line, actions and a meta row.

New · Moments cut your Shorts for you

Never miss the moment. CroStream catches it for you.

Chat triggers, alerts, overlays and automatic clips for your Twitch stream, running on your own PC. Set it up once and get back to your viewers.

Get CroStream See how it works

Free to start Runs on your PC Twitch and OBS

Split Copy beside a visual; stacks under 56rem of its own width.

Haliebug13 is live

Your stream, on autopilot.

Triggers answer chat, alerts fire on time, and Moments clips the good bits while you play. You only touch it when you want to.

Download Watch the demo

Windows macOS Linux later

Haliebug13 Just Chatting · 2h 14m

Live

Viewers

Chat / min

OBS Connected

Moments Caught for you tonight

00:42:17 Chat spiked 6.2× Clipped
00:31:05 Raid from pixel_mage · 34 Clipped
00:12:48 Hype train level 3 Queued

Next Short renders in 2 minutes

Split with a window The media slot holding window chrome drawn in code: the real app UI, scaled crisply to fit, never a stale screenshot.

Everything in one window.

Triggers, macros, overlays and Moments live side by side in one calm dashboard on your own PC.

Download Take the tour

Dashboard

Live

Viewers Peak 1,402

1,284

OBS Scene: Gameplay

Connected

Moments Caught tonight

6 clips

Recent activity

21:14 Raid from pixel_mage · 34 viewers
21:12 Hydrate! redeemed by moss
21:09 Trigger !lurk ran macro Lurk mode

Full-bleed Edge to edge over aurora light and grain, with the stream-signal trace. The spike is the moment.

Supporter feature

The best bits, caught while you play.

Moments watches chat, raids and hype for spikes, then cuts a clip and a vertical Short before you've finished laughing.

Try Moments How it decides

Full-bleed with media The same band, split around a visual.

Set up in five minutes.

Get started

starter-pack.json JSON

{
  "trigger": "!hydrate",
  "say": "Drink some water, {user.name}!",
  "sound": "water-drop.ogg"
}

Slim For inner pages: compact, start-aligned, on a hairline.

Make your first trigger

A trigger listens for something on your stream and runs a macro when it happens. This guide makes one that answers !hydrate in chat.

4 minute read Beginner

03PageHeader

PageHeader

The top of an inner page. Slim for reference pages, app for app screens, thick for section landings with a tab bar on its bottom edge.

Slim Breadcrumb trail, then the title and actions on one row.

Triggers

Edit this page

App For app screens: eyebrow, heading-size title, one-line description and actions on one row, on a hairline. No gradient.

Automate

Triggers

When something happens, run a macro: a chat command, a redemption, a raid, a follow.

App, with media A leading mark beside the titles (an integration's logo, an avatar). On a narrow header it keeps its place and the actions wrap below.

Integration

OBS Studio

Scenes, sources, recording and the replay buffer, over OBS's WebSocket.

Connected

Thick Icon tile, kicker, lede, meta and a tab bar. Scroll past it: a slim bar with the title and actions slides in under the catalog header, and sticks while this example is in view.

Automate

Triggers

Triggers listen for chat commands, channel points, raids and more, and run a macro when they fire.

12 active Last fired 2 minutes ago Free

Showing: all

Thick, no tabs A section landing in the docs.

Integrations

VTube Studio

Make your model react to chat: props on redeems, expressions on raids, a clown nose for whoever asks for it.

Supporter 6 guides · 3 recipes

Data accent accent takes a CSS colour from data (a set, a category): it tints the title and draws the bottom rule. In the contrast theme the title stays at full text colour and only the rule carries the hue. lede can be a snippet for inline code and links.

Neon Arcade

Twelve widgets in one look. Each is a .csw you can open straight in CroStream.

Forest Cabin

A thick header with a green set colour.

04SectionHeader

SectionHeader

The numbered opener for a page section, in the captf.io manner: a mono number and rule, a bold title that can end in the signal gradient, a lede and actions.

Start-aligned with actions Actions sit beside the title when there's room, below it when not.

How it works

Three steps to a stream that runs itself.

Read the guide

Centered For landing pages between bands.

Integrations

Plays well with everything you use.

Twitch and OBS out of the box; Discord, Steam and VTube Studio when you want them.

Medium, no number Inside docs and settings pages.

Advanced

Webhooks

Send any event to another service as JSON, with placeholders filled in.