Components

Button

The Lumora button.

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal
npx lumora-ui@latest add button

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx
import { Button } from "@lumora/ui/components/button";
// or from the barrel:
import { Button } from "@lumora/ui";

Props worth knowing

variant: solid | accent | outline | ghost | glow; size: sm | md | lg | icon. shimmer sweeps a soft light across on a slow loop. Presses sink physically on the snap spring. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.