Pattern background

Eight distinct, lightweight backgrounds behind content, with a plain option and adjustable spacing, color and strength.

Library

Cojeev UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add https://cojeev.com/ui/r/pattern-background.json

Files

• registry/cojeev/ui/pattern-background.tsx
• registry/cojeev/styles/pattern-background.css
• registry/cojeev/lib/utils.ts
• registry/cojeev/lib/appearance-tokens.ts
• registry/cojeev/lib/assembly-geometry.ts
• registry/cojeev/lib/bento-layout.ts
• registry/cojeev/lib/bloom-engine.ts
• registry/cojeev/lib/chart-geometry.ts

Source

https://github.com/luv-jeri/cojeev-ui

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• shadcn/ui Backdrop Components
• Pattern Background Components
• React Pattern Background Components
• Tailwind CSS Pattern Background Components
• shadcn/ui Pattern Background Components

More from Cojeev UI

• Ambient background
• Contours background
• Depth background
• Dots background
• Folds background
• Grid background
• Pebbles background
• Sprouts background
• Sunwash background
• Weave background
• Accordion
• Accordion Gallery