Search documentation

Find a vivid-layer page or component.

Introduction

Expressive React primitives distributed as source through a shadcn registry.

vivid-layer is a private workspace for expressive React interface primitives. It pairs focused live examples with source-first installation: what you preview is what the Registry copies into your project.

What is included

  • Button as the foundation and Registry reference implementation.
  • The complete Paper Shaders 0.0.77 React set as stable, source-installable adapters with one focused Example per shader.

Install the source

Configure the vivid-layer Registry once, then install any component with the shadcn CLI. Components are TypeScript and Tailwind source, not an opaque runtime package.