01
Magic UI
Free, MIT-licensed animated React components for interfaces and landing pages, built with TypeScript, Tailwind CSS and Motion. The collection includes text effects, interactive buttons, ambient backgrounds and cursor-responsive cards. Magic UI Pro templates are a separate commercial offering.
Source specialties
17 Components
03
Hero Backgroundsopen source
Magic UI Flickering Grid
A flickering grid background made with SVGs, fully customizable using Tailwind CSS.
08
Text Animationsopen source
Magic UI Hyper Text
A text animation that scrambles letters before revealing the final text.
10
Hero Backgroundsopen source
Magic UI Ripple
An animated ripple effect typically used behind elements to emphasize them.
17
Componentsopen source
Magic UI Ripple Button
An animated button with ripple useful for user engagement.