1 viewer
Back to Overview

Browse the shared ViewNode primitive catalog and building blocks.

View library

Components

The ViewNode vocabulary every CRE8 surface renders. Each primitive declares one contract; the server, the browser, the terminal and native shells project it.

Primitives
76
Shared writer
55 of 76
Categories
8
Style recipes
4

Navigation

12 components · Menus, tabs and routes that move a reader between views.

Accordion

Collapsible sections with controlled expansion.

Shared writerweb · native · runtime-node

Footer

Bottom strip with flat item list. Items render as label/value pairs (status, peer info, build tags) or simple text.

Shared writerweb · native · runtime-node

Nav

Top bar with brand link, flat item list, and optional right-slot children (theme controls / status pills).

Shared writerweb · native · runtime-node

Route

Child route declaration for Router.

Shared writerweb

Router

Local in-view route switcher.

Shared writerweb

Sidebar

Left rail with header label and grouped link/button items, optional badges. Items with href emit <a>; bare items emit <button> for client-side dispatch. Opting into `collapsible` adds the header toggle and per-item glyph/label pair that the `collapsed` rail state needs.

Shared writerweb · runtime-node

SiteFooter

Variant-aware site footer for template pages. Supports brand, tagline, multi-column link grids, extra row, and bottom bar.

Shared writerweb

SiteNav

Variant-aware site navigation bar for template pages. Supports brand, links, CTA button, phone, status LED, and sticky mode.

Shared writerweb

Stepper

Horizontal step progress indicator showing completion state.

Shared writerweb · native · runtime-node

Tab

Child panel declaration for Tabs.

Shared writerweb · native · runtime-node

Tabs

Single-selected tablist with roving focus.

Shared writerweb · native · runtime-node

TreeView

Hierarchical collection navigator for files, objects, runtime routes, and graph indexes.

Legacy writerweb · native · runtime-node

Overlay

1 component · Dialogs, sheets and notices layered above the page.

Drawer

Slide-in modal panel with placement (left|right), backdrop, and dismiss affordance. Open state is declarative until the WASM hydrator gains a drawer arm.

Shared writerweb · runtime-node