Magic UI

Name: Magic UI
Author: magicuidesign

Official

Provides code implementation details and installation instructions for Magic UI's component library through an MCP server. Access dozens of pre-built React components including animations, buttons, backgrounds, and device mockups.

1762,036 views29RemoteLocal (stdio)

developer tools design

GitHub Website

What it does

Generate code for UI components like marquee, bento-grid, and dock
Get implementation details for animated buttons and text effects
Access device mockup components for Safari and iPhone
Retrieve background patterns and grid animations
Get special effects like animated beams and particle systems
Browse comprehensive component library with installation instructions

Best for

Frontend developers building React applicationsDesigners implementing interactive UI componentsTeams needing quick access to pre-built animations and effects

60+ specialized UI componentsSupports multiple IDE clientsOne-command installation setup

Tools (8)

getUIComponents

Provides a comprehensive list of all Magic UI components.

getComponents

Provides implementation details for marquee, terminal, hero-video-dialog, bento-grid, animated-list, dock, globe, tweet-card, client-tweet-card, orbiting-circles, avatar-circles, icon-cloud, animated-circular-progress-bar, file-tree, code-comparison, script-copy-btn, scroll-progress, lens, pointer components.

getDeviceMocks

Provides implementation details for safari, iphone-15-pro, android components.

getSpecialEffects

Provides implementation details for animated-beam, border-beam, shine-border, magic-card, meteors, neon-gradient-card, confetti, particles, cool-mode, scratch-to-reveal components.

getAnimations

Provides implementation details for blur-fade components.