Aceternity UI
Over 200 copy-paste React components, blocks and templates built with Tailwind and Motion.
WebsiteWorkflowsWebFreemium
4.7Visit
Website
Magic UI
Animated React components and templates for landing pages.
Day 44 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is Magic UI?
Magic UI offers animated UI components and templates for making landing pages look polished. Its open-source components are built with React, TypeScript, Tailwind CSS and Motion and install with the shadcn CLI, while ready-made Pro templates are sold separately.
Pros
- Free, open-source animated components
- Works with the shadcn CLI
- Good fit for SaaS landing pages
Cons
- Full templates cost extra
- Mostly for React and Tailwind projects
Who should use Magic UI
Developers using React and shadcn/ui who want motion on their pages.
Who may not need it
People not building with React.
Magic UI alternatives
Similar resources to Magic UI, picked from the directory.
Motion Primitives
An open-source UI kit for building animated interfaces faster.
WebsiteWorkflowsWebFreemium
4.6Visit
ForgeUI
Animated React and Tailwind components, blocks and templates.
WebsiteWorkflowsWebFreemium
4.4Visit
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkWorkflowsWebFree
4.6Visit
Annnimate
Production-grade GSAP components for React, Vue and HTML that ship at studio quality.
WebsiteAI ProductivityWebFreemium
4.8Visit
Libraries.dev
High-crafted UI effect libraries for AI agents and modern apps.
WebsiteWorkflowsWebFreemium
4.8Visit
Free alternatives to Magic UI
Free resources that cover similar ground.
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
Uiverse
A huge library of free, community-made UI elements you can copy as HTML, CSS or Tailwind.
WebsiteWorkflowsWebFree
4.6Visit
Landdding
Curated gallery of the best landing pages and free landing-page tools.
WebsiteResearchWebFree
4.5Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
Springs Studio
Easings and semantic tokens your agent can read.
WebsiteWorkflowsWebFree
4.4Visit
GSAP
A wildly robust JavaScript animation library built for professionals.
FrameworkWorkflowsWebFree
4.8Visit
Featured on Best Productivity Resources
Made Magic UI? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/magic-ui" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>