Beams Background

Animated background of drifting light beams rendered on an HTML canvas with configurable intensity. Built with React, Tailwind CSS and Motion.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @kokonutui/beams-background

Files

• components/kokonutui/beams-background.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components
• Beam Background Components
• React Beam Background Components
• Tailwind CSS Beam Background Components
• Animated Beam Background Components

More from Kokonut UI

• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment
• AI Autocomplete
• AI Conversation Branches
• AI Checkout
• AI Inline Citations
• AI Code Run
• AI Connect
• AI Context Meter
• AI Diff Review