Search documentation

Find a vivid-layer page or product.

Features

Sections that show what a product does.

Features 01

An intro with a call to action, two feature tiles, and product artwork spanning both rows.

pnpm dlx shadcn@latest add @vivid-layer/features-01

Vivid Layer

Your work, in view.

Projects, tasks, and team updates in one place. Keep your next milestone in sight.

See the bigger picture

Track progress, spot blockers, and give every project a clear path from first idea to launch.

Move forward together

Keep owners, priorities, and conversations close to the work, so everyone knows what comes next.

Vivid Layer light-mode support dashboard with a shared inbox, customer conversation, and assistant panel

Features 02

A numbered feature index on a hairline grid: six touching cells with a monospace number, an icon, a title and one line of copy.

pnpm dlx shadcn@latest add @vivid-layer/features-02

Capabilities

Six ways the registry pays for itself.

01

Source, not a package

Every install lands as readable files in your repo. Edit them like your own.

02

Tokens all the way down

Colours, radii and type read your theme, so nothing needs restyling.

03

Nothing on the main thread

Shaders render on the GPU and pause offscreen. Pages stay smooth.

04

Composable by design

Blocks are built from the same components you install on their own.

05

Typed end to end

Strict TypeScript, no any, and props that document themselves.

06

Readable by agents

Every page ships as Markdown, so your assistant can read the docs too.