Dev Design Library

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.

Bars Theme preview
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.tsx
  • lib/hooks/use-css-color-rgb.ts
  • lib/resolve-css-color.ts
Source
https://github.com/Nexvyn/Nexvyn-ui

Categories

More from Nexvyn UI