2 beds560 sq ft
Harbour Light House
The Rocks, Sydney
$286/ night
4.92 out of 5 stars, 184 reviews
Components and shaders—meticulously crafted and ready to use.
Live vivid-layer components and shaders, straight from the registry — copy, paste, and they are yours.
01 — wave streaming
Playful Streaming
Real source in your repo, strict types, token-driven theming, and docs your agents can read.

Tune parameters, explore live configurations, and preview components and shaders directly in your browser.
Static Radial Gradient
Move from Install → Customize → Ship with components and shaders that land as readable source you can adapt to your product.
Install Command
Package-aware install UI for component docs.
Plan Composer
Structured planning UI for agent workflows.
Voice Composer
Speech-to-text input for AI chat.
Chat Minimap
Navigation for long assistant conversations.
Streaming
Smooth Markdown responses as content arrives.
Source-first UI for modern React projects — add it through the shadcn registry and keep every editable line inside your own codebase.
Browse React components, WebGL shaders, Markdown documentation, and installable registry items from one consistent source.
const vividLayerRegistry = {
'@vivid-layer': 'https://www.vivid-layer.com/r/{name}.json',
};
export default vividLayerRegistry;Vivid Layer delivers editable React components and WebGL shaders directly into your project.
Browse registry
Contact the support team at Vivid Layer.