Magic UI screenshot

Magic UI

Free UI Resources

Visit website
Freemium

About

Companies choose Magic UI to build their landing pages.

150+ animated components and effects for React and Tailwind.

Features & use cases

  • UI library for Design Engineers
  • What People Are Saying on Twitter
  • Command Palette
  • Showcase
  • Featured on YouTube

Section titles taken from magicui.design, checked 2026-08-01.

Similar tools

Border BeamToolcraftName That UIbeUIRelume LibraryKinetics

Alternatives & related tools

Border Beam preview
New

Border Beam

Animated border component that drops into an existing layout.

Toolcraft preview
New

Toolcraft

Open-source starter kit and UI library for building AI design apps.

Name That UI preview
New

Name That UI

Visual dictionary that gives every UI pattern its correct name.

beUI preview
New

beUI

Motion toolkit of animated components for React and Next.js.

Relume Library preview
New

Relume Library

Component and section library for assembling responsive sites faster.

Kinetics preview
New

Kinetics

117 motion patterns ready to drop into CSS or React.

Grayblocks preview
New

Grayblocks

Responsive UI blocks ready for Framer, Figma and Webflow.

Input OTP preview
New

Input OTP

Accessible one-time password input for React, styled to fit.

More in Free UI Resources

See all 63
Sonner preview
New

Sonner

Opinionated toast component for React, sensible defaults out of the box.

Originkit preview
New

Originkit

Interactive web components to drop into a build, copy and paste.

Colorion Tools preview
New

Colorion Tools

Library of 66 animated text effects built in pure CSS, copy and paste.

NumberFlow preview
New

NumberFlow

Animated number component for React with accessible transitions.