PARENT COLLECTION · MUST BROWSE
magicui
UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
75 indexed itemsMITChecked 2026-09-30
Open repository RESEARCH NOTE
Indexed items are individual searchable entries. Cards marked Local demo are hand-authored effect demos; the remaining visuals are labeled reconstructions. Upstream source code is never executed in the gallery.
LICENSE
Repository-level license detected; per-effect notices or mixed licensing still require a source-file check.
REUSABLE VISUALS
075 EFFECTSItems in this collection ✳
01Magic CardUI Components · ReactView effect 02AndroidBackgrounds & Scenes · ReactView effect 03Warp BackgroundBackgrounds & Scenes · ReactView effect 04Line Shadow TextType & Motion · ReactView effect 05Aurora TextGradients & Shaders · ReactView effect 06Morphing TextType & Motion · ReactView effect 07Scroll ProgressUI Components · ReactView effect 08LensBackgrounds & Scenes · ReactView effect 09PointerBackgrounds & Scenes · ReactView effect 10smooth-cursorPointer & Interaction · ReactView effect 11Progressive BlurUI Components · ReactView effect 12Neon Gradient CardGradients & Shaders · ReactView effect 13MeteorsBackgrounds & Scenes · ReactView effect 14Grid PatternUI Components · ReactView effect 15Striped PatternBackgrounds & Scenes · ReactView effect 16Interactive Grid PatternUI Components · ReactView effect 17Dot PatternBackgrounds & Scenes · ReactView effect 18Flickering GridUI Components · ReactView effect 19Hero Video DialogUI Components · ReactView effect 20Code ComparisonBackgrounds & Scenes · ReactView effect 21Script Copy ButtonUI Components · ReactView effect 22MarqueeType & Motion · ReactView effect 23Glyph MatrixBackgrounds & Scenes · ReactView effect 24GlobeBackgrounds & Scenes · ReactView effect 25Shimmer ButtonUI Components · ReactView effect 26Tweet CardUI Components · ReactView effect 27Client Tweet CardUI Components · ReactView effect 28Bento GridUI Components · ReactView effect 29ParticlesParticles & Ambient · ReactView effect 30Number TickerType & Motion · ReactView effect 31RipplePointer & Interaction · ReactView effect 32Retro GridUI Components · ReactView effect 33Animated ListUI Components · ReactView effect 34Animated Shiny TextType & Motion · ReactView effect 35Animated Grid PatternUI Components · ReactView effect 36Border BeamPointer & Interaction · ReactView effect 37Animated BeamPointer & Interaction · ReactView effect 38Text RevealType & Motion · ReactView effect 39Hyper TextType & Motion · ReactView effect 40Animated Gradient TextGradients & Shaders · ReactView effect 41Orbiting CirclesBackgrounds & Scenes · ReactView effect 42DockUI Components · ReactView effect 43Word RotateType & Motion · ReactView effect 44Avatar CirclesUI Components · ReactView effect 45Typing AnimationType & Motion · ReactView effect 46Sparkles TextParticles & Ambient · ReactView effect 47Spinning TextType & Motion · ReactView effect 48Flip TextType & Motion · ReactView effect 49Comic TextType & Motion · ReactView effect 50Icon CloudBackgrounds & Scenes · ReactView effect 51Text AnimateType & Motion · ReactView effect 52Scroll Based VelocityBackgrounds & Scenes · ReactView effect 53Scratch To RevealBackgrounds & Scenes · ReactView effect 54Shiny ButtonUI Components · ReactView effect 55Box Reveal AnimationBackgrounds & Scenes · ReactView effect 56Shine BorderBackgrounds & Scenes · ReactView effect 57Animated Circular Progress BarUI Components · ReactView effect 58ConfettiParticles & Ambient · ReactView effect 59Animated Subscribe ButtonUI Components · ReactView effect 60Cool ModeBackgrounds & Scenes · ReactView effect 61Pulsating ButtonUI Components · ReactView effect 62Ripple ButtonPointer & Interaction · ReactView effect 63File TreeBackgrounds & Scenes · ReactView effect 64Blur FadeType & Motion · ReactView effect 65SafariBackgrounds & Scenes · ReactView effect 66iPhoneBackgrounds & Scenes · ReactView effect 67Rainbow ButtonUI Components · ReactView effect 68interactive-hover-buttonPointer & Interaction · ReactView effect 69TerminalBackgrounds & Scenes · ReactView effect 70Video TextType & Motion · ReactView effect 71Pixel ImagePost-processing · ReactView effect 72HighlighterBackgrounds & Scenes · ReactView effect 73Arc TimelineBackgrounds & Scenes · ReactView effect 74Animated Theme TogglerBackgrounds & Scenes · ReactView effect 75Grid BeamsPointer & Interaction · ReactView effect