Bars Theme
A traveling-wave bars visualization with 5 vertical bars sharing a sine-wave frequency, evenly phase-shifted left to right so the wave appears to travel across. Volume scales bar heights with a diamond-shaped idle boost.

- Library
- Nexvyn UI
- Framework
- React
- Type
- ui
- License
- CC-BY-NC-4.0+Commons-Clause+MIT
- Dependencies
- motion
- Install
npx shadcn@latest add @nexvyn/bars-theme- Files
components/ui/bars-theme.tsxlib/hooks/use-css-color-rgb.tslib/resolve-css-color.ts
- Source
- https://github.com/Nexvyn/Nexvyn-ui
Categories
- AI Element Components
- React AI Element Components
- Tailwind CSS AI Element Components
- Animated AI Element Components
- Audio Visualizer Components
- React Audio Visualizer Components
- Tailwind CSS Audio Visualizer Components
- Animated Audio Visualizer Components
- Feedback Components
- React Feedback Components
- Tailwind CSS Feedback Components
- Animated Feedback Components