Component catalogue

Browse the Nacre UI
component library.

Browse 55 accessible React and Next.js components, try each live preview, then copy the editable TypeScript source or continue into its API reference.

55components

05families

AAAcontrast target

npx @nacre-ui/cli@latest list

Actions

Triggers and calls to action.

18 components

Loaders

Progress and waiting feedback.

09 components

Text & Motion

Expressive type treatments with a clear reading hierarchy.

11 components

Interactions

Direct-manipulation surfaces that respond to touch, cursor, and drag.

09 components

Backgrounds

Atmospheric foundations for immersive product moments.

08 components

Browse the Nacre UIcomponent library.

Actions

Button

Magnetic Button

Liquid Metal Button

Gem Smoke Button

Lustre Button

Copy Button

Mute Button

Download Button

Like Button

Theme Button

Refresh Button

Bookmark Button

Lock Button

Play Button

Filter Button

Send Button

Save Button

Social Profile Button

Loaders

Pearl Aperture Loader

Horizon Page Loader

Mercury Rail Loader

Facet Bloom Loader

Ribbon Fold Loader

Pearl Matrix Loader

Fluid Cell Loader

Prism Stack Loader

Card Shuffle Loader

Text & Motion

Signal Reveal Text

Tally Shift Number

Tidal Type Text

Swell Text

Aurora Text

Liquid Text

Gravity Text

Slot Text

Bloom Text

Tilt Text

Phase Weave Text

Interactions

ASCII Image

Ripple Transition

Editorial Mosaic

Halo Dock

Shutter Trail

Folio Arc Carousel

Helix Reel

Toolchain Marquee

Orbit Ledger

Backgrounds

Matrix Rain

Liquid Metal Shader

Nacre Field Shader

Iridescent Weave Shader

Mesh Background

Flux Background

Magnetic Warp Background

Grain Current Background

Browse the Nacre UI
component library.