Skip to content
CroStreamUI kit

Site navigation

How visitors get around the website and docs: top navs with sub-navs and mega menus, mobile menus, docs side navs, and footers from slim to super.

02MegaMenu

MegaMenu

The super links behind a top-nav item: grouped pages with an icon and one line each, a featured card, and quick links along the bottom. One panel resizes and slides as you move between menus.

Live Hover or focus Docs and Tutorials. Arrow keys move between items, Tab enters the panel, Escape closes it.
Download
Docs panel Three groups and a featured card; the current page is filled and its icon tile turns accent.

Start here

Automate

On stream

New to CroStream? Your first trigger in five minutes Make !hydrate play a sound and pop an alert, start to finish. Start the tutorial
Smaller panel No featured card; two groups.

Popular

Overlays

One group The panel sizes to what it holds.

Automate

03MobileNav

MobileNav

The whole site map in a full-height sheet. Sections open as disclosures (the current one already open), every row is a comfortable 44px, and the main action stays pinned at the bottom.

Open sheet On the Macros page: Docs is open, the page is marked, Download is pinned.
Download Read the docs
Live Opens as a modal sheet from the right: focus moves in, Escape or the scrim closes it and focus returns here. Reduced motion only fades.

The default trigger is an icon button labelled “Open menu”; SiteNav shows it on narrow screens.

04DocsSidebar

DocsSidebar

The docs side nav: sections with icons, pages with a short subtitle, nested pages, and the current page marked with a bar. It scrolls on its own beside the article and folds into one button on phones.

Beside an article Filter narrows the list as you type (try “web”); Reference starts collapsed; the current page is scrolled into view without moving the page.

Integrations · Discord

Connect Discord

Show what you're streaming on your Discord profile and post a message in your server when you go live. CroStream talks to the Discord app on your PC, so there's nothing to install on the server.

Folded (phones) One bar names the current page; it opens the full nav in place.
Plain No filter, no icons on rows: just titles.