logologo

Quartz UI

HomeComponentsCreator
Search Commponents + k

Documentation

IntroductionInstallation

Buttons

ButtonAnimated Button

Text

Text ShimmerAnimated Text

Cards

Pointer CardExpendable CardTilt Card

Other Components

Tab SelectLogo CarouselBadgesBento GridAccordionDialog
Components

High-performance, modern components built with React.js and motion.dev

preview-image
Tab Select

A tab selector for switching between multiple views or content panels easily.

preview-image
Logo Carousel

An animated carousel that displays logos with smooth vertical transitions.

preview-image
Pointer Card

A card that follows your pointer, creating a lively interactive effect.

preview-image
Expendable Card

A card that expands to reveal extra info, saving screen space.

preview-image
Tilt Card

A 3D tilt card that moves with your pointer for a dynamic look.

preview-image
Button

A customizable button for general actions, suitable for many uses.

preview-image
Animated Button

A button with modern animation to enhance clicks and interactions.

preview-image
Badges

Colorful badges for statuses, labels, or notifications anywhere.

preview-image
Text Shimmer

Text that uses a shimmer effect to highlight special content.

preview-image
Animated Text

A text component with engaging animations for important messages.

preview-image
Bento Grid

An animated bento grid of tiles that respond to pointer movement.

preview-image
Accordion

An accordion for expanding and hiding grouped content, ideal for FAQs.

preview-image
Dialog

A dialog with smooth 3D animations for messages and user actions.