Magic UI screenshotVisit website

Magic UI

Free UI Resources

Visit website
Freemium

About

Use animated components and templates for landing pages.

Magic UI is a UI library for design engineers with components and templates for landing pages. It offers more than 150 animated components and effects for React and Tailwind, plus a command palette and a showcase of companies that build their landing pages with it.

Features & use cases

  • Use 150+ animated React components
  • Build landing pages with templates
  • Style everything with Tailwind
  • Find components with the command palette

Who reaches for it

  • Design engineers building a landing page in React
  • Startups that want an animated marketing site quickly

Getting it

Magic UI publishes documentation.

Ready to try Magic UI?

Opens magicui.design in a new tab.

Visit website

Similar resources

Aceternity UIHover.devTailwind UIReact BitsKokonutUITailwind Awesome

The weekly drop

The best new tools, every week. No spam, unsubscribe anytime.

Alternatives & related

Border Beam preview

Border Beam

Animated border component that drops into an existing layout.

SVG Backgrounds preview

SVG Backgrounds

Customizable SVG backgrounds, patterns and icons to paste straight into projects.

Landingfolio preview

Landingfolio

The best landing page design inspiration, components and templates.

shadcn UI Kit preview

shadcn UI Kit

Admin dashboards, blocks and templates built on shadcn/ui.

Tailark preview

Tailark

Modern, responsive, pre-built blocks for marketing websites.

UIverse preview

UIverse

The largest library of open-source UI elements, all free.

Beautiful UI preview

Beautiful UI

Copy-paste React components for AI chat agents, thinking states and human-in-the-loop flows.

Hyper UI preview

Hyper UI

Free, open-source Tailwind CSS components, copy-paste.

More in Free UI Resources

See all 84
DjectStudio previewSponsor

DjectStudio

Premium and free Figma & Framer UI kits and templates, website kits, app UIs, decks and design systems.

Audiocn preview

Audiocn

Audio components for React and shadcn/ui: meters, faders, knobs, visualizers and a mixer.

Arc UI preview

Arc UI

144 animated React components and 84 blocks for shadcn and Next.js.

Thinking Orbs preview

Thinking Orbs

Animated component set for showing an AI thinking state in a product.