Ambient background

Adds a quiet animated composition around content, with decorative shapes kept behind a readable surface.

Library

Cojeev UI

Framework

React

Type

ui

License

MIT

Dependencies

class-variance-authority

Install

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

Files

• registry/cojeev/ui/ambient-background.tsx
• registry/cojeev/styles/ambient-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
• Animated Backdrop Components
• shadcn/ui Backdrop Components
• Pattern Background Components
• React Pattern Background Components
• Tailwind CSS Pattern Background Components
• Animated Pattern Background Components
• shadcn/ui Pattern Background Components

More from Cojeev UI

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