Prompt & style library

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

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

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

Magic UI

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

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 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

Interactively compare two images with a draggable slider to reveal differences.

Motion-Primitives

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 infinite scrolling component that can be used to display text, images, or videos.

Magic UI

Overlapping circles of avatars.

Magic UI

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

Magic UI

A interactive component that enables zooming into images, videos and other elements.

Magic UI

A component that displays a pointer when hovering over an element

Magic UI

Scrolling text whose speed changes based on scroll speed

Magic UI

Visually highlights selected items by sliding a background into view when hovered over or clicked. This smooth transition helps users focus on the active item, making it ideal for interactive lists, menus, or navigation…

Motion-Primitives

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert. Customize the dialog with variants and transition.

Motion-Primitives