⚠️ 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 splitting text.
A horizontal Spotify music card with blurred album art background, vinyl record animation, seek bar, and playback controls. Requires a /api/spotify route.
Demo for Spotify Card
A flexible, animated spring component that attaches a draggable element to its origin with a spring line.
A collapsible AI tool-run steps component with animated shimmer trigger and a vertical progress bar.
Demo of the AI steps tool-run component.
A set of layered sections of content—known as tab panels—that are displayed one at a time.
Rough-notation powered text annotations — highlight, underline, box, circle, and more.
Demo of the TextHighlighter component showcasing all annotation types.
Scramble-reveal animation that decodes characters progressively into the final text.
Demo of the Text Reveal scramble animation component.
Sleek text shimmer effect.
Demo of text shimmer.
3D wave shimmer effect that ripples through each character sequentially.
Demo of the Text Shimmer Wave component.
An effect that allows you to toggle the theme gradually.
A button that toggles the theme gradually.
Demo showing a theme toggler button.
Demo showing a theme toggler.
An animated AI reasoning step-by-step thought chain component with collapsible steps and status indicators.
Demo of the AI thought chain reasoning component.
An effect that allows you to animate elements with a tilt effect on mouse hover.
Demo showing an animated tilt.
A token usage card showing input/output counts, costs, proportion bar, and an interactive token breakdown with tooltips.
Demo of the Token Usage component.
An animated tooltip that shows contextual info on hover or focus and smoothly glides to the next element without disappearing between transitions.
Trash 2 icon component.
Animated tree-structured filter with nested checkboxes, search, and group cycling.
Demo of the animated tree filter with nested checkboxes and search.
Animated typewriter effect with multi-sequence support, natural variance, delete animation, and auto-loop.
Demo of the Typewriter component with multi-sequence type and delete animation.
A typing text animation.
Demo showing an animated typing text.
A hook that allows you to automatically adjust the height of an element based on its content.
A hook that allows you to control a state.
A hook that allows you to get the data-state of an element.
A hook that allows you to check if an element is in view.
A hook that allows you to use a motion value state.
User icon component.
A vertical Spotify music card with a progressive blur album art background, seek bar, and transport controls. Requires a /api/spotify route.
Demo for Vertical Spotify Card 1
A vertical Spotify music card with a color-extracted blurred gradient background, album art, seek bar, and transport controls. Requires a /api/spotify route.
Demo for Vertical Spotify Card 2
Wifi icon component.
An effect that allows you to animate elements with a zoom effect on first view or load.
Demo showing an animated zoom.