I
ibelick/motion-primitives
AccordionaccordionA collapsible content component with smooth animations for showing and hiding content.
Animated Backgroundanimated-backgroundA component that provides animated background effects for UI elements.
Animated Groupanimated-groupA container component that applies coordinated animations to a group of child elements.
Animated Numberanimated-numberA component that animates number changes with smooth transitions.
Border Trailborder-trailAn effect that creates animated border trails around elements on interaction.
CarouselcarouselA component for cycling through elements with smooth transitions.
CursorcursorA custom cursor component with animated effects and interactions.
DialogdialogA modal dialog component with smooth entrance and exit animations.
DisclosuredisclosureA component that shows and hides content with animated transitions.
DockdockA macOS-style dock component with scaling and movement effects.
Glow Effectglow-effectA component that creates a glowing effect on elements based on cursor movement.
Image Comparisonimage-comparisonA component for comparing two images with an interactive slider.
In Viewin-viewA component that triggers animations when elements enter the viewport.
Infinite Sliderinfinite-sliderA slider component that loops infinitely through its content.
MagneticmagneticA component that creates a magnetic attraction effect on hover.
Morphing Dialogmorphing-dialogA dialog that morphs from its trigger element with smooth transitions.
Morphing Popovermorphing-popoverA popover component that morphs from its trigger with fluid animations.
Progressive Blurprogressive-blurA component that applies progressive blur effects to elements.
Scroll Progressscroll-progressA component that visualizes scroll progress with animated indicators.
Sliding Numbersliding-numberA component that transitions between numbers with a sliding animation.
Spinning Textspinning-textA component that animates text with a spinning rotation effect.
SpotlightspotlightA component that creates a spotlight effect following cursor movement.
Text Effecttext-effectA component that applies animated effects to text content.
Text Looptext-loopA component that cycles through different text phrases with animations.
Text Morphtext-morphA component that morphs between different text strings with smooth transitions.
Text Rolltext-rollA component that animates text with a rolling effect.
Text Scrambletext-scrambleA component that creates a scrambling text effect during transitions.
Text Shimmertext-shimmerA component that applies a shimmering effect to text.
Text Shimmer Wavetext-shimmer-waveA component that creates a wave-like shimmer effect on text.
TilttiltA component that applies 3D tilt effects to elements based on cursor position.
Toolbar Dynamictoolbar-dynamicA toolbar component with dynamic appearance based on user interaction.
Toolbar Expandabletoolbar-expandableAn expandable toolbar that reveals additional options with animations.
Transition Paneltransition-panelA panel component with smooth transitions between different states.