A button component that triggers a confetti explosion effect with randomized trajectory angles upon interaction, built using the Magic UI confetti library.
A bidirectional animated beam component that connects two circular nodes with curved, flowing SVG paths using Tailwind CSS and Framer Motion.
A unidirectional animated beam effect that visually connects two UI elements with a smooth, flowing path animation, ideal for representing data flow or process connections.
A bidirectional animated beam visualization connecting multiple nodes with curved SVG paths, featuring synchronized gradient flow animations to represent data transmission between users and a central server.
A context-based provider component that manages and propagates text direction (LTR or RTL) state throughout an application to ensure proper layout and accessibility for localized interfaces.
A Remotion-powered video transition component that performs a directional wipe effect, sliding one scene out while pushing another in using CSS keyframe animations and configurable easing.
A text animation component that slides two distinct text strings from opposite directions to meet in the center, featuring customizable typography and responsive font sizing.
A text animation component that slides two separate text elements from opposite horizontal directions toward the center using Framer Motion for a dynamic, high-impact entrance effect.
A utility provider component that manages and propagates text direction (LTR or RTL) context to nested Radix UI components for consistent internationalization support.
A utility provider component that manages and propagates text directionality (LTR or RTL) throughout the application using Radix UI primitives.
A direction-aware hover effect component that detects the mouse entry point to animate an overlay and content from the corresponding side using Framer Motion.
No more components to load
Select an Item to view its code
Choose an item from the list to view its code and files.