Prompt & style library

Easily animate elements when they come into view. You can apply animations to elements when they enter the viewport, or when they are fully visible.

Motion-Primitives

A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.

Magic UI

Fade in text as you scroll down the page.

Magic UI

Bento grid is a layout used to showcase the features of a product in a simple and elegant way.

Magic UI

Blur fade in and out animation. Used to smoothly fade in and out content.

Magic UI

Cool mode effect for buttons, links, and other DOMs

Magic UI

A collection of circles which move in orbit along a circular path

Magic UI

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

Magic UI

Animated Scroll Progress for your pages

Magic UI

A shiny button component with dynamic styles in the dark mode or light mode.

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

Characters appearing in typed animation

Magic UI

A custom cursor component with optional spring animations. It can be globally applied to the page or attached specifically to a parent element.

Motion-Primitives

Animated scroll progress for your web pages.

Motion-Primitives