# Magic UI

> 150+ animated components in React, Tailwind and Motion

Steal this: Ready animated effects for landing pages, built to match shadcn/ui.

Patterns: Micro-interactions

- Category: UI components (`components`)
- Tags: `react`, `free`, `open-source`
- Official: https://magicui.design/
- Wunderlust: https://wunderlust.xyz/r/magic-ui
- Image: https://wunderlust.xyz/media/magic-ui-poster.jpg
- Video preview: https://wunderlust.xyz/media/magic-ui.webm
- Added: 2026-11-10

## What it is

A library of animated components and effects built with React, TypeScript, Tailwind CSS and Motion, made as a companion for shadcn/ui. It also has templates and a Magic UI Pro with blocks for landing pages.

## What it’s for

For adding motion and polish to landing pages without building each effect from scratch.

## Benefits

- 150+ animated components and effects
- Made to pair with shadcn/ui
- Ready-made landing page templates

## Caveats

- Per its site, the components are free and open source; Magic UI Pro (blocks and templates) is a separate product

## Similar on Wunderlust

- [ObsidianUI](https://wunderlust.xyz/r/obsidianui.md): React components, blocks and templates with Motion and Tailwind
- [React Bits](https://wunderlust.xyz/r/react-bits.md): A library of animated React components: text, backgrounds and microinteractions
- [Aceternity UI](https://wunderlust.xyz/r/aceternity-ui.md): React component library with Tailwind and animation for landing pages
- [Kokonut UI](https://wunderlust.xyz/r/kokonut-ui.md): React components with Tailwind and Motion, installed as your own code via shadcn
- [shadcn/ui](https://wunderlust.xyz/r/shadcn-ui.md): Accessible, customizable components for building your own design system
- [Cult UI](https://wunderlust.xyz/r/cult-ui.md): 154 open source animated components for shadcn/ui projects