Prompt & style library

A component with animated light rays which shine down from above.

Magic UI

An animated beam of light which travels along a path. Useful for showcasing the "integration" features of a website.

Magic UI

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

Magic UI

An animated beam of light which travels along the border of its container.

Magic UI

A canvas-based pseudo-3D particle field with perspective projection, continuous rotation, buoyant drift and depth-aware rendering.

Magic UI

A diagonal light glare on hover using a ::before gradient, CSS variables, and background-position animation—no extra global keyframes required.

Magic UI

A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

Magic UI

Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.

Magic UI

A button with a shimmering light which travels around the perimeter.

Magic UI

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

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

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

Motion-Primitives