Prompt & style library

A customizable glow effect with animation modes, colors, blur-sm, and transitions.

Motion-Primitives

Easily animate text content with various effects. You can apply animations per character or per word, and customize the animation effects using custom variants or preset animations.

Motion-Primitives

Characters appearing in typed animation

Magic UI

A light glare effect which pans across text making it appear as if it is shimmering.

Magic UI

A beautiful aurora text effect

Magic UI

A backlight glow effect for videos, images, and SVGs.

Magic UI

Cool mode effect for buttons, links, and other DOMs

Magic UI

A text highlighter that mimics the effect of a human-drawn marker stroke.

Magic UI

A spotlight effect that follows your mouse cursor and highlights borders on hover.

Magic UI

A meteor shower effect.

Magic UI

A beautiful neon card effect

Magic UI

A component that displays your image with a pixelated effect, enhancing the visual appeal of any image in your website.

Magic UI

Add a progressive blur effect to scrollable content

Magic UI

An animated button with a rainbow effect.

Magic UI

An animated ripple effect typically used behind elements to emphasize them.

Magic UI

Shine border is an animated background border effect.

Magic UI

The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.

Magic UI

A text effect that flips each letter in 3D with a staggered animation on hover.

Magic UI

A card with a time warping background effect.

Magic UI

A vertically stacked set of collapsible containers allowing users to toggle content visibility. Customize the animation effects with variants and transitions for expanding/collapsing the sections.

Motion-Primitives

Animated border effect that moves along the edges of its parent container.

Motion-Primitives

A magnetic effect for elements that allows them to be attracted to the mouse cursor.

Motion-Primitives

A Progressive Blur component creates a layered blur effect using motion and gradient masks. It progressively blurs layers based on direction and intensity, adding visual depth.

Motion-Primitives

A dynamic spotlight effect component that follows cursor movement.

Motion-Primitives

Text animation that transitions between multiple items, creating an engaging looping effect.

Motion-Primitives

Text animation that transforms text by randomly cycling through characters before settling on the final content, creating an engaging cryptographic effect.

Motion-Primitives

Shimmer effect on text. Easily adjust the duration and the spread of the shimmer effect.

Motion-Primitives

Shimmer wave effect on text. Easily adjust the wave effect, spread, duration, and more.

Motion-Primitives

3D tilt effect that responds to mouse movement, enhancing UI elements with a dynamic depth effect, customizable rotation factors and spring options.

Motion-Primitives