The Component Gallery

Ten familiar building blocks, reimagined with Luminescent's warm light and dark surfaces.

Explore inputs, display elements, feedback, and surfaces inspired by the Material UI component catalog. These components use Luminescent's own styles and require no Material UI dependency.

Try a new palette, adjust a slider, remove a tag, or expand a detail. Interactive controls support keyboard use, and continuous animations respect reduced-motion preferences.

Checkbox
Small choices, a warm glow.
View Checkbox documentation →
Select
Your next choice, illuminated.
Choose a color to preview its focus glow.
View Select documentation →
Slider
Find just the right amount of light.
64%
35
70
View Slider documentation →
Rating
Give every star its moment.
4 out of 5 stars
View Rating documentation →
Chip
A little context. A little color.
LuminescentPublishedDesign systemsv2.0
ReactTypeScriptLuminescent
View Chip documentation →
Card
A surface that follows your light.
New collection
A little light. A lot of possibility.
Move your cursor across this surface to follow the light. Build something that feels alive.
View Card documentation →
Accordion
Make room for the details.

Layered light, soft peach blooms, and a fine illuminated edge give every component a sense of depth.

View Accordion documentation →
Alert
Messages with a softer presence.
Changes saved
Your workspace is up to date.
A little heads-up
Your new components are ready to explore.
View Alert documentation →
Progress
Keep the momentum glowing.
Preparing your workspace64%
64
Syncing assets
64%
View Progress documentation →
Skeleton
A thoughtful pause before content.
View Skeleton documentation →