v0.1.0

02Collection50 components

Pixel Lab

The visual is the data. Meters, gauges, clocks and model moments drawn on a 4 px lattice, with shine near the active edge.

Model & agent Data, in pixels Moments Controls you can feel

Every component in this collection

npx shadcn@latest add @lumesec/pixel-lab

Or as one module, for plain HTML

<script type="module" src="https://elements.lumesec.ai/cdn/pixel-lab.js"></script>

Model & agent

<px-agents>

Agent workflowpx-agents

<px-voice>

Voice inputpx-voice

<px-model>

Model morphpx-model

<px-orb>

Status orbpx-orb

<px-diffusion>

Diffusion previewpx-diffusion

<px-stepper>

Snake stepperpx-stepper

<px-spinners>

Pixel loaderspx-spinners

<px-keys>

Typing heatmappx-keys

<px-tokenize>

Token viewpx-tokenize

Data, in pixels

<px-gauge>

Throughput gaugepx-gauge

<px-splitflap>

Split-flap boardpx-splitflap

<px-activity>

Activity heatmappx-activity

<px-storage>

Storage ringpx-storage

<px-identicon>

Pixel avatarpx-identicon

<px-signal>

Latency scopepx-signal

<px-waffle>

Context wafflepx-waffle

<px-ticker>

LED tickerpx-ticker

<px-radar>

Service radarpx-radar

<px-uptime>

Uptime historypx-uptime

<px-clock>

Morphing clockpx-clock

<px-player>

Waveform playerpx-player

<px-globe>

Request globepx-globe

<px-minimap>

Code minimappx-minimap

<px-battery>

Usage batterypx-battery

Moments

<px-hourglass>

Rate-limit hourglasspx-hourglass

<px-materialize>

Materializing streampx-materialize

<px-secret>

Secret fieldpx-secret

<px-focus>

Focus timerpx-focus

<px-deploy>

Slide to deploypx-deploy

<px-react>

Pixel reactionspx-react

<px-upload>

Pixel uploadpx-upload

<px-charge>

Charge to generatepx-charge

<px-pattern>

Pattern lockpx-pattern

<px-tasks>

Pixel checklistpx-tasks

<px-xp>

Level uppx-xp

<px-dissolve>

Dissolve to deletepx-dissolve

<px-launch>

Release rocketpx-launch

<px-theme>

Day / night switchpx-theme

<px-rating>

Pixel starspx-rating

<px-bell>

Notification bellpx-bell

Controls you can feel

<px-xypad>

Sampling padpx-xypad

<px-fader>

Fader & meterpx-fader

<px-range>

Histogram rangepx-range

<px-flame>

Temperature firepx-flame

<px-tuner>

Radio tunerpx-tuner

<px-eq>

Equalizerpx-eq

<px-jog>

Jog wheelpx-jog

<px-metronome>

Metronomepx-metronome

<px-color>

Pixel colour pickerpx-color

<px-sketch>

Mirror sketchpadpx-sketch