Browse the shared ViewNode primitive catalog and building blocks.
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
Layout
14 components · Pages, sections and containers that give a view its structure.
AppShell
Top-level layout composer with optional Nav, Sidebar, Drawer, Footer slots and a main content area. Slots stored as named children (slot=nav|sidebar|drawer|footer).
AttentionScope
Inert SSR wrapper that marks a view region for opt-in attention aggregation.
Card
Section-like surface with optional title, badge, and body slots.
Container
Constrained grouping primitive with no intrinsic meaning.
DetailHostFrame
Detail-pane shell with header (title/subtitle/back), scrollable body, and optional footer.
Divider
Visual separator between sections. Variants: line, dots, space.
List
Ordered or unordered collection display.
ListItem
List child with optional icon, title, subtitle, and body.
LiveSlot
Progressive SSR slot with meaningful fallback children and optional live patch transport.
Page
Top-level document landmark for a runtime-rendered view.
RoomScope
Inert SSR wrapper that places a view region inside an ephemeral live room.
Row
Inline layout primitive for small groups of related children.
Section
Semantic <section> grouping primitive. Accepts a `variant` prop that emits a BEM modifier class (e.g. primitive-section--hero) so recipes can compose section-level layouts without dedicated renderers.
SplitPreview
Two-pane preview grid (left visual / right info) with a static placeholder class for loading states.
Content
5 components · Text, cards and media that carry the record itself.
Icon
Named symbolic glyph that inherits text color and can be decorative or labelled.
ImgSlot
Image placeholder with optional tag and dimensions overlay.
InfoCard
Small bordered card with optional uppercase eyebrow, strong title, and body content.
MediaPlayer
Server-rendered <audio>/<video> mount with placeholder, aspect, and HLS/MJPEG enhancement via window.CRE8_MEDIA.
Text
Text span that can carry semantic tone without a visual dependency.
Visualization
3 components · Charts, graphs and scenes drawn from series and topology.
ClientIsland
SSR fallback shell for browser-only components loaded from a client bundle.
VirtualSceneWorkbench
Scene viewport, hierarchy, and inspector for durable Virtual scene documents.
VirtualWorldCanvas
WebGPU world renderer for virtual entities. Auto-detects WASM or HTTP data source.