⚠️ Mobile is not supported yet.
Search for a command to run...
A design focused component library for Next.js, built for speed, flexibility and developer experience.
Alarm clock icon component.
A stacked album card row where clicking a card ejects a spinning vinyl disc, with hover lift and neighbor dimming effects. Requires a /api/spotify route.
Demo for Album Cards
Demo showing an animated avatar group.
Demo showing an animated code block.
Demo showing an animated cursor.
Demo showing an animated github stars wheel.
Demo showing an animated pinned list.
Demo showing an animated scroll progress.
A slot component that allows you to use motion components with any element.
Demo showing an animated spring.
Demo showing an animated tabs.
Demo showing an animated tooltip.
Collapsible sidebar app shell with search command palette, breadcrumb page header, scrollable nav sections, and avatar-based user dropdown.
Demo of the collapsible sidebar app shell with breadcrumb header and dashboard placeholder.
A floating sidebar app shell with collapsible icon mode, searchable navigation, keyboard shortcuts modal, and user menu.
Demo for App Shell 2
Arrow right icon component.
Audio Lines icon component.
An effect that automatically adjusts the height of an element based on its content.
Demo showing an animated auto height.
An animated AI orb avatar with blinking eyes, 12 color presets, 3 sizes, and 3 shapes (circle, square, squircle).
Demo showcasing all colors, sizes, and shapes of the Avatar component.
An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.
Demo showing a avatar group.
A badge component with semantic and color variants built on Base UI.
Demo showcasing all badge color variants.
Demo showcasing all badge variants.
An easily stylable accordion component.
Demo showing an animated base accordion.
A dialog that requires user response to proceed.
Demo showing an animated base alert dialog.
An easily stylable checkbox component.
Demo showing an animated base checkbox.
A collapsible panel controlled by a button.
Demo showing an animated base collapsible.
A popup that opens on top of the entire page.
Demo showing an animated base dialog.
Demo showing an animated base files.
A list of actions in a dropdown, enhanced with keyboard navigation.
Demo showing an animated base menu.
An accessible popup anchored to a button.
Demo showing an animated base popover.
A popup that appears when a link is hovered, showing a preview for sighted users.
Demo showing an animated base preview card.
Displays the status of a task that takes a long time.