Component Playground
Part of the AgentLayerZero platform
Live, side-by-side demos of every dendrite-vue, dendrite-react,
and dendrite-ui component. Switch between framework tabs on each
page — the visual output is identical because they all consume
the same soma stylesheet.
Granular components
Build custom layouts by composing these directly. Each renders its own visual concern and stays out of the others' way.
MessageBubble
Single chat bubble — user / assistant variants, streaming cursor, optional markdown
MessageList
Scrollable list with empty state, streaming bubble, auto-scroll
Composer
Textarea + send / stop icon buttons, Enter-to-send
ModelLoader
Brain → logo fill animation as the model downloads
ErrorDisplay
Load error UI with retry and clear-cache actions
EmptyState
Pre-conversation logo + title / subtitle / "powered by" link
StreamingText
Raw streaming text + pulsing cursor for custom layouts
InferenceIndicator
One-line "engine (mode)" status — webllm/transformers/api
MobileUnsupported
Fallback screen when WebGPU isn't available
Integrated widgets
Drop-in components that wire up a Neuron + chat session for you. Use these when you want chat in five lines of code.
ChatWidget LIVE
End-to-end live chat — useNeuron + useChatSession + every granular piece, running an actual model in your browser