Bento tile art

Storybook

The texture half of a shader pair

Six fine line patterns in one vocabulary, each easing in around the bottom-left corner and drifting slowly. A bento tile with a shader background lays one over its wash; on its own it textures any positioned surface.

Patterns

dots
lines
rings
grid
waves
rays
tsx
// From the npm package
import { BentoTileArt } from 'rift-ds/components/BentoTileArt/BentoTileArt';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/bento-tile-art.json