Examples - Magic UI | registry.directory

M

magicuidesign/magicui

Visit Registry Visit Repository

android-demo android-demo-2 android-demo-3 animated-beam-bidirectional animated-beam-demo animated-beam-multiple-inputs animated-beam-multiple-outputs animated-beam-unidirectional animated-circular-progress-bar-demo animated-gradient-text-demo animated-gradient-text-demo-2 animated-grid-pattern-demo animated-list-demo animated-shiny-text-demo animated-theme-toggler-demo aurora-text-demo avatar-circles-demo bento-demo bento-demo-vertical blur-fade-demo blur-fade-text-demo border-beam-demo border-beam-demo-2 border-beam-demo-3 border-beam-demo-4 code-comparison-demo comic-text-demo confetti-basic-cannon confetti-custom-shapes confetti-demo confetti-emoji confetti-fireworks confetti-random-direction confetti-side-cannons confetti-stars cool-mode-custom cool-mode-demo dock-demo dock-demo-2 dock-demo-3 dot-pattern-demo dot-pattern-linear-gradient dot-pattern-with-glow-effect dotted-map-demo dotted-map-demo-2 file-tree-demo flickering-grid-demo flickering-grid-rounded-demo globe-demo grid-pattern-dashed grid-pattern-demo grid-pattern-linear-gradient hero-video-dialog-demo hero-video-dialog-demo-top-in-bottom-out highlighter-demo hyper-text-demo icon-cloud-demo icon-cloud-demo-2 icon-cloud-demo-3 interactive-grid-pattern-demo interactive-grid-pattern-demo-2 interactive-hover-button-demo iphone-demo iphone-demo-2 iphone-demo-3 lens-demo lens-demo-2 lens-demo-3 light-rays-demo line-shadow-text-demo magic-card-demo marquee-3d marquee-demo marquee-demo-vertical marquee-logos meteors-demo morphing-text-demo neon-gradient-card-demo number-ticker-decimal-demo number-ticker-demo number-ticker-demo-2 orbiting-circles-demo particles-demo pixel-image-demo pointer-demo-1 progressive-blur-demo pulsating-button-demo rainbow-button-demo rainbow-button-demo-2 retro-grid-demo ripple-button-demo ripple-demo safari-demo safari-demo-2 safari-demo-3 safari-demo-4 scroll-based-velocity-demo scroll-based-velocity-images-demo scroll-progress-demo shimmer-button-demo shine-border-demo shine-border-demo-2 shiny-button-demo smooth-cursor-demo sparkles-text-demo spinning-text-demo spinning-text-demo-2 striped-pattern-dashed striped-pattern-demo striped-pattern-right terminal-demo terminal-demo-2 text-animate-demo text-animate-demo-2 text-animate-demo-3 text-animate-demo-4 text-animate-demo-5 text-animate-demo-6 text-animate-demo-7 text-animate-demo-8 text-animate-demo-9 text-reveal-demo tweet-card-demo tweet-card-images tweet-card-meta-preview typing-animation-demo typing-animation-demo-2 typing-animation-demo-3 typing-animation-demo-4 typing-animation-demo-5 typing-animation-demo-6 typing-animation-demo-7 typing-animation-demo-8 video-text-demo warp-background-demo word-rotate-demo

android-demo android-demo-2 android-demo-3 animated-beam-bidirectional animated-beam-demo animated-beam-multiple-inputs animated-beam-multiple-outputs animated-beam-unidirectional animated-circular-progress-bar-demo animated-gradient-text-demo animated-gradient-text-demo-2 animated-grid-pattern-demo animated-list-demo animated-shiny-text-demo animated-theme-toggler-demo aurora-text-demo avatar-circles-demo bento-demo bento-demo-vertical blur-fade-demo blur-fade-text-demo border-beam-demo border-beam-demo-2 border-beam-demo-3 border-beam-demo-4 code-comparison-demo comic-text-demo confetti-basic-cannon confetti-custom-shapes confetti-demo confetti-emoji confetti-fireworks confetti-random-direction confetti-side-cannons confetti-stars cool-mode-custom cool-mode-demo dock-demo dock-demo-2 dock-demo-3 dot-pattern-demo dot-pattern-linear-gradient dot-pattern-with-glow-effect dotted-map-demo dotted-map-demo-2 file-tree-demo flickering-grid-demo flickering-grid-rounded-demo globe-demo grid-pattern-dashed grid-pattern-demo grid-pattern-linear-gradient hero-video-dialog-demo hero-video-dialog-demo-top-in-bottom-out highlighter-demo hyper-text-demo icon-cloud-demo icon-cloud-demo-2 icon-cloud-demo-3 interactive-grid-pattern-demo interactive-grid-pattern-demo-2 interactive-hover-button-demo iphone-demo iphone-demo-2 iphone-demo-3 lens-demo lens-demo-2 lens-demo-3 light-rays-demo line-shadow-text-demo magic-card-demo marquee-3d marquee-demo marquee-demo-vertical marquee-logos meteors-demo morphing-text-demo neon-gradient-card-demo number-ticker-decimal-demo number-ticker-demo number-ticker-demo-2 orbiting-circles-demo particles-demo pixel-image-demo pointer-demo-1 progressive-blur-demo pulsating-button-demo rainbow-button-demo rainbow-button-demo-2 retro-grid-demo ripple-button-demo ripple-demo safari-demo safari-demo-2 safari-demo-3 safari-demo-4 scroll-based-velocity-demo scroll-based-velocity-images-demo scroll-progress-demo shimmer-button-demo shine-border-demo shine-border-demo-2 shiny-button-demo smooth-cursor-demo sparkles-text-demo spinning-text-demo spinning-text-demo-2 striped-pattern-dashed striped-pattern-demo striped-pattern-right terminal-demo terminal-demo-2 text-animate-demo text-animate-demo-2 text-animate-demo-3 text-animate-demo-4 text-animate-demo-5 text-animate-demo-6 text-animate-demo-7 text-animate-demo-8 text-animate-demo-9 text-reveal-demo tweet-card-demo tweet-card-images tweet-card-meta-preview typing-animation-demo typing-animation-demo-2 typing-animation-demo-3 typing-animation-demo-4 typing-animation-demo-5 typing-animation-demo-6 typing-animation-demo-7 typing-animation-demo-8 video-text-demo warp-background-demo word-rotate-demo

Select a component to view its code

Click on any item in the sidebar to get started

Select a component to view its information