LCD Display

A dot-matrix screen in a bezel, backlit in the light theme and glowing in the dark one: rows of dim labels and bright values in the theme colour or amber, green, cyan or red, dotted separators, a blinking status pixel and dropdown values bu.

Library

audiocn

Framework

React

Type

ui

License

MIT

Dependencies

@base-ui/react, class-variance-authority

Install

npx shadcn@latest add @audiocn/lcd-display

Files

• components/ui/lcd-display.tsx
• lib/utils.ts

Source

https://github.com/audiocn/ui

More from audiocn

• Audio Device Select
• Audio Player
• Bar Visualizer
• Channel Strip
• Channel Toggle
• Clip Indicator
• dB Readout
• dB Scale
• Electric Bar Visualizer
• Electric Waveform
• Fader
• Knob