Prompt & style library

A customizable, physics-based smooth cursor animation component for React applications.

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

A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A background dot pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A flickering grid background made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

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

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 background striped pattern made with SVGs, fully customizable using Tailwind CSS.

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

A flexible and easy-to-use carousel with customizable navigation and indicators.

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

A versatile UI element that provides a flexible and customizable way to organize and display menu items within your application.

Motion-Primitives

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

Motion-Primitives

Infinite scrolling slider component that smoothly loops through its children. It supports both horizontal and vertical directions, with customizable speed and speed on hover. Ideal for creating continuous carousels, mar…

Motion-Primitives

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

Motion-Primitives

Easily animate text circularly. Customize the animation with variants and transitions.

Motion-Primitives

A dynamic spotlight effect component that follows cursor movement.

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

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

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