⚠️ 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.
Demo showing an animated effect.
An effect that allows you to animate elements with a fade effect on first view or load.
Demo showing an animated fade.
Accordion-based FAQ section with a serif heading and divider separators.
Demo of the accordion FAQ section.
A component that allows you to display a list of files and folders.
A button that flips between two states on hover.
Demo showing an animated flip button.
A minimal footer design inspired by Dia browser.
Demo of the dia browser inspired footer.
A hook that allows you to create a strict context.
A component that animates a number of stars, smoothly animating number transitions using the SlidingNumber component.
A clickable button that links to a GitHub repository and displays the number of stars.
Demo showing a GitHub stars button.
Demo showing an animated github stars counter.
A scrolling wheel that displays GitHub stars count.
A gradient text animation.
Demo showing an animated gradient text.
A greeting preloader that displays rapid greetings in different languages.
Demo of a greeting preloader that displays rapid greetings in different languages.
Checkboxes provide the same functionality as native HTML checkboxes, without any of the styling, giving you a clean slate to design them however you'd like.
Demo showing an animated headless checkbox.
A fully-managed, renderless dialog component jam-packed with accessibility and keyboard features, perfect for building completely custom dialogs and alerts.
Demo showing an animated headless dialog.
A simple, accessible foundation for building custom UIs that show and hide content, like togglable accordion panels.
Demo showing an animated headless disclosure.
Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.
Demo showing an animated headless popover.
Switches are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.
Demo showing an animated headless switch.
Easily create accessible, fully customizable tab interfaces, with robust focus management and keyboard navigation support.
Demo showing an animated headless tabs.
A highlight effect that allows you to highlight elements on hover, click or with a controlled value.
Demo showing an animated highlight.
A highlight text animation.
Demo showing an animated highlight text.
For sighted users to preview content available behind a link.
Demo showing a hover card.
Base component to use animated icons.
An icon button component with a variety of styles and animations.
An effect that allows you to zoom in on an image on hover.
Demo showing a image zoom effect.
(No description)
A button that fills on hover.
Demo showing an animated liquid button.
Loader icon component.
Animated logo cloud with staggered fade-in and group cycling.