29 alternatives to Magic UI (25 free)
29 alternatives to Magic UI, picked out of 5 saved Instagram reels and 27 liked tweets, from creators like @davidhaz, @orcdev, @shadcn. 25 of them are free, freemium or open source.
Looking for Magic UI itself? Magic UI: Animated React and Tailwind UI components designed for landing pages
React Bits is a collection of over 200 animated, interactive React components, text effects, and shader backgrounds. Instead of acting as an external dependency, components are copied directly into your codebase via CLI or copy-paste with full source access. It includes visual editors to tune parameters before exporting to JS, TS, CSS, or Tailwind.
21st.dev is an open registry of React components, templates, and shadcn themes created by design engineers. Instead of installing a rigid npm package, users can preview components live and copy them directly as code or prompt snippets ready for AI coding agents like Cursor, Claude Code, and Lovable.
Spell UI is an open source collection of polished React and Tailwind CSS components built for modern web apps and landing pages. It provides animated micro-interactions and creative UI elements—such as interactive cards, dynamic inputs, and gradient effects—that you can copy and paste directly into your project.
Cult UI is an open-source library of animated React components, blocks, and templates built to drop directly into shadcn/ui and Tailwind CSS setups. It includes over 150 components ranging from micro-interactions like hover-reveal cards to full UI flows like multi-step onboarding modals and device mockups. Everything is copy-pasteable, MIT licensed, and optimized for Next.js and TypeScript projects.
MicroKit UI is an open-source gallery of animated UI micro-interactions, such as glowing buttons, hover reveals, sliding tabs, and focus fields. Each interaction is provided as standalone React, CSS, or Tailwind code with no third-party runtime package required, and can also be installed directly via the shadcn CLI.
ReUI is a design system platform expanding shadcn/ui with over a thousand free components, animated special effects, and production-ready application blocks. It supports quick installation via shadcn CLI and integrates with coding agents through a hosted Model Context Protocol (MCP) server.
Aceternity UI is a curated collection of copy-paste React components and landing page blocks styled with Tailwind CSS and Framer Motion. It gives developers pre-built complex visual effects, such as 3D card perspectives, interactive globes, and animated borders, without building them from scratch. It is particularly popular for modern SaaS landing pages.
Aceternity UI Pro is a premium collection of copy-paste website templates and animated component blocks compatible with the shadcn CLI. Built on Next.js, Tailwind CSS, Motion, and TypeScript, it helps developers assemble modern landing pages without building complex animation interactions from scratch.
Amicro provides ready-to-use micro-transitions and interactive UI components for modern web apps. Built using React and Motion, it offers modular effects organized across multiple interaction categories.
Animmaster Lib is a collection of 300 frontend animation components designed to emulate award-winning websites. It includes code for scroll interactions, WebGL shaders, 3D animations, hero sections, and mouse effects that can be integrated manually or with AI coding assistants.
Canvas UI is a component library that renders live, interactive HTML elements inside an HTML canvas using real-time WebGL and WebGPU shaders. It allows developers to apply advanced visual effects—like fluid simulations, particle dispersals, and glass refractions—directly over standard DOM elements. Components install directly into codebases using the shadcn CLI pattern across major frameworks.
Kibo UI is a free, open-source component registry designed to extend shadcn/ui with React, Tailwind CSS, and Radix UI. It provides dozens of custom components (like color pickers and dropzones), full UI blocks, and over 1,000 ready-made component pattern variants to copy directly into projects.
Kobra is a component library built for React and Tailwind CSS that integrates directly with the shadcn CLI. Alongside standard layout, feedback, and form components, it provides specialized UI primitives for AI applications like reasoning steps, streaming text, file diffs, and task lists.
Libraries.dev is a collection of production-ready React UI visual effects built by Jakub Antalik, including animated border beams, thinking orbs, liquid metal, and gooey animations. The open-source npm packages are optimized for dark modern interfaces and designed to integrate easily into coding agents like Cursor or Claude Code. An interactive playground lets you preview effects, with a paid Studio tier for deeper customization and presets.
Nexvyn UI is a free, open-source React component library built with TypeScript and Tailwind CSS. It focuses on high-craft micro-interactions and smooth animations, with blueprint-style motion specifications. Components can be previewed live and installed directly via the shadcn CLI.
ObsidianUI is a free collection of animated React and TypeScript components styled with Tailwind CSS. It focuses on micro-interactions, cursor effects, and layout blocks that developers can preview and paste directly into their frontend projects. It includes landing page templates, motion utilities, and a companion CLI for easy installation.
Originkit is a component directory featuring interactive visual effects, WebGL backgrounds, and animated UI elements. It lets you test animations with live property controls and export them directly to React code, Framer, or AI coding assistants via MCP.
Pixel-Perfect is an open-source React component library focused on precise UI elements and custom animations, such as isometric SVG micro-interactions. It provides pre-built, responsive code designed to be copied directly into modern web projects. It is useful for frontend developers looking for polished interactive UI components without rebuilding animations from scratch.
Planes is a commercial React component library offering over 100 animated UI elements and interactive widgets built with Tailwind CSS and Framer Motion. Components are distributed shadcn-style directly into your project's codebase, giving full ownership over the source code. It includes an MCP server and llms.txt integration so coding assistants like Claude and Cursor can fetch and install components directly.
Color Bends is an animated React background component from the React Bits library powered by Three.js. It renders fluid, ribbon-like color gradients and waves that can be heavily customized through props like warp strength, speed, noise, and custom palettes. It also includes built-in interactive features like pointer influence and parallax shifts.
Prism is an animated WebGL background component from React Bits built with OGL. It renders a customizable, glowing triangular prism with shifting colors, film-grain noise, and optional mouse-tilt interactivity. Developers can copy the source code directly or install it via CLI to use behind landing page heroes.
React Bits Micro is a collection of over 30 animated micro-interaction components for React applications. It provides ready-to-use UI details like responsive toggles, dynamic loading indicators, voice pills, and interactive buttons that you can copy and customize directly in your codebase.
ShadcnSpace is a UI library offering hundreds of ready-to-use blocks, components, and templates for React and Next.js applications. Built on Base UI and Radix UI primitives with Tailwind CSS, it allows developers to copy code directly or install sections via the shadcn CLI. It includes marketing layouts, dashboard interfaces, animated components, and matching Figma designs.
Skiper UI is an animated component library designed as an add-on layer for shadcn/ui and Next.js projects. It provides complex, highly interactive components like dynamic islands, image reveal effects, and cursor trails that can be added into a codebase with single CLI commands. Each component is self-contained in a single file with no extraneous dependencies.
Snappy UI is a collection of animated React UI components built on top of shadcn/ui, Tailwind CSS, and Motion. It provides ready-to-use interactive elements like image croppers and code displays that can be copied directly into projects with full documentation and props tables.
Solace UI is a component and layout library built for Next.js, Tailwind CSS, and Framer Motion. It offers pre-built UI components, animated elements, and full section blocks like bento grids, hero sections, and auth blocks for marketing websites.
Tailark (formerly known as NSUI) is a component registry built on top of shadcn/ui, Tailwind CSS, and Next.js. It provides ready-to-use marketing sections, landing pages, and illustrations designed for quick copying and pasting into web projects. The library supports multiple aesthetic styles and integrates with Radix UI and Base UI.
useLayouts is an open-source library of animated React components designed for quick copy-pasting. It combines Tailwind CSS and Framer Motion to provide micro-interactions, layout blocks, and navigation elements. Developers can preview components in the browser and adapt the unbundled code directly in their projects.
Vengeance UI is an open-source React component collection built with Tailwind CSS and Framer Motion. It provides pre-built, high-motion elements like displacement hover effects, animated tooltips, and scroll-driven cards. Developers can install individual components directly into their Next.js or React projects via the shadcn CLI.