Primitives
Gradient
A gradient backdrop built from a palette, under an optional hairline pattern and a grain layer.
Build the agent surface, not the scroll container
Every wash is CSS and inline SVG, so the server and the client paint the same markup.
Installation
npx shadcn@latest add https://nessalabs.ai/r/gradient-surface.jsonExamples
The six preset palettes
meadow
ocean
ember
dusk
orchid
graphite
Contours, waves, rings and none
contours
waves
rings
none
Behaviours
Covered by the component's storybook.
PlaygroundPalettesPatterns