03Collection30 components
Pixel UI
Text fields, selects, date pickers, toasts, tabs and charts as React components on your Tailwind theme. They submit with native forms and are keyboard complete, with a single pixel detail each.
Every component in this collection
npx shadcn@latest add @lumesec/pixel-uiForms
11<px-input>
Text fieldpx-inputOpen Text field<px-password>
Passwordpx-passwordOpen Password<px-select>
Selectpx-selectOpen Select<px-slider>
Sliderpx-sliderOpen Slider<px-checkbox>
Checkboxpx-checkboxOpen Checkbox<px-choice>
Option cardspx-choiceOpen Option cards<px-tags>
Tag inputpx-tagsOpen Tag input<px-date>
Date pickerpx-dateOpen Date pickerActions & feedback
10<px-button>
Async buttonpx-buttonOpen Async button<px-confirm>
Two-step deletepx-confirmOpen Two-step delete<px-toaster>
Toastspx-toasterOpen Toasts<px-progress>
Progress barpx-progressOpen Progress bar<px-skeleton>
Loading skeletonpx-skeletonOpen Loading skeleton<px-empty>
Empty statepx-emptyOpen Empty state<px-alert>
Inline alertpx-alertOpen Inline alert<px-tooltip>
Tooltippx-tooltipOpen Tooltip<px-avatar>
Avatarpx-avatarOpen AvatarNavigation & data
9<px-tabs>
Tabspx-tabsOpen Tabs<px-pagination>
Paginationpx-paginationOpen Pagination<px-accordion>
Accordionpx-accordionOpen Accordion<px-command>
Command menupx-commandOpen Command menu<px-steps>
Wizard stepspx-stepsOpen Wizard steps<px-sparkline>
Sparklinepx-sparklineOpen Sparkline<px-bars>
Bar chartpx-barsOpen Bar chart<px-kpi>
Stat tilepx-kpiOpen Stat tile