Signal Loom
A transparent pointer-reactive glass command surface where luminous workflow threads bend toward the cursor and layered inspection wafers morph into focus.
Component Showcase
Signal Loom
A transparent pointer-reactive glass command surface where luminous workflow threads bend toward the cursor and layered inspection wafers morph into focus.
Framer MotionGlassmorphismPointer PhysicsWorkflow
Interactive Playground
Adjust sliders and values to preview changes in real-time
title
Main command-surface headline.
eyebrow
Small label above the headline.
statusLabel
Status pill text.
lensLabel
Right panel label.
currentThreadLabel
Eyebrow detail text inside detail wafer card.
hoverHint
Footer left-side indicator text.
clickHint
Footer right-side indicator text.
metricLabel1
First telemetry metric label key.
metricLabel2
Second telemetry metric label key.
metricLabel3
Third telemetry metric label key.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "Weave the next action" | Main command-surface headline. |
| eyebrow | string | "Signal Loom" | Small label above the headline. |
| statusLabel | string | "Live" | Status pill text. |
| lensLabel | string | "Inspection Lens" | Right panel label. |
| currentThreadLabel | string | "Current Thread" | Eyebrow detail text inside detail wafer card. |
| hoverHint | string | "Hover threads" | Footer left-side indicator text. |
| clickHint | string | "Click to pin" | Footer right-side indicator text. |
| metricLabel1 | string | "Pulse" | First telemetry metric label key. |
| metricLabel2 | string | "Glass" | Second telemetry metric label key. |
| metricLabel3 | string | "Drift" | Third telemetry metric label key. |