Prompt & style library

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

Magic UI

An animated gradient background which transitions between colors for text.

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

Comic text animation that looks like a comic book text

Magic UI

A horizontal color band sweeps across text with a gradient shine, then settles on your theme foreground color.

Magic UI

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

Magic UI

A text animation that scrambles letters before revealing the final text.

Magic UI

A text component that animates font weight of characters on hover.

Magic UI

A text component with a moving line shadow.

Magic UI

A dynamic text morphing component for Magic UI.

Magic UI

An SVG fractal noise layer using feTurbulence for subtle texture overlays.

Magic UI

A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.

Magic UI

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

Magic UI

A text animation component that animates text using a variety of different animations.

Magic UI

Fade in text as you scroll down the page.

Magic UI

A text component with a video background.

Magic UI

Easily animate text circularly. Customize the animation with variants 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

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

Motion-Primitives

Animates text by morphing shared letters between words, creating fluid transitions.

Motion-Primitives

A text roll component that rotates each character, fully customizable for nice text animations.

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

An implementation of the MacOS dock using react + tailwindcss + framer motion

Magic UI

An infinite scrolling component that can be used to display text, images, or videos.

Magic UI

Scrolling text whose speed changes based on scroll speed

Magic UI

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