Magic UI components

76 components clean-room reimplemented from Magic UI's free/open-source registry (text animations, backgrounds, buttons, device mocks, and marketing-page effects). See Methodology.

import { marquee, bentoGrid, numberTicker } from "@domphy/blocks"

backgrounds

Export	Status	Reference
`animatedGridPattern`	ported	source
`dotPattern`	ported	source
`flickeringGrid`	ported	source
`gridPattern`	ported	source
`hexagonPattern`	ported	source
`interactiveGridPattern`	ported	source
`lightRays`	ported	source
`noiseTexture`	partial	source
`retroGrid`	ported	source
`ripple`	ported	source
`stripedPattern`	ported	source

buttons

Export	Status	Reference
`rainbowButton`	ported	source
`rippleButton`	ported	source
`shimmerButton`	ported	source

community

Export	Status	Reference
`animatedCircularProgressBar`	ported	source
`backlight`	ported	source
`codeComparison`	partial	source
`comicText`	ported	source
`coolMode`	ported	source
`fileTree`	ported	source
`interactiveHoverButton`	ported	source
`kineticText`	ported	source
`neonGradientCard`	ported	source
`pixelImage`	ported	source
`pulsatingButton`	ported	source
`scrollProgress`	ported	source
`shinyButton`	ported	source
`warpBackground`	ported	source

core

Export	Status	Reference
`animatedList`	ported	source
`avatarCircles`	ported	source
`bentoGrid`	ported	source
`dock`	ported	source
`dottedMap`	ported	source
`globe`	ported	source
`heroVideoDialog`	ported	source
`iconCloud`	ported	source
`lens`	ported	source
`marquee`	ported	source
`orbitingCircles`	ported	source
`pointer`	ported	source
`progressiveBlur`	ported	source
`smoothCursor`	ported	source
`terminal`	ported	source
`tweetCard`	ported	source

device-mocks

Export	Status	Reference
`android`	ported	source
`iphone`	ported	source
`safari`	ported	source

effects

Export	Status	Reference
`animatedBeam`	ported	source
`animatedThemeToggler`	ported	source
`blurFade`	ported	source
`borderBeam`	ported	source
`confetti`	ported	source
`confettiButton`	ported	source
`glareHover`	ported	source
`magicCard`	ported	source
`meteors`	ported	source
`particles`	ported	source
`shineBorder`	ported	source

text

Export	Status	Reference
`animatedGradientText`	ported	source
`animatedShinyText`	ported	source
`auroraText`	ported	source
`diaTextReveal`	partial	source
`hyperText`	ported	source
`lineShadowText`	ported	source
`morphingText`	ported	source
`numberTicker`	ported	source
`scrollBasedVelocity`	ported	source
`sparklesText`	ported	source
`spinningText`	ported	source
`text3dFlip`	partial	source
`textAnimate`	ported	source
`textHighlighter`	ported	source
`textReveal`	ported	source
`typingAnimation`	ported	source
`videoText`	ported	source
`wordRotate`	ported	source

Magic UI components#

backgrounds#

buttons#

community#

core#

device-mocks#

effects#

text#

Magic UI components

backgrounds

buttons

community

core

device-mocks

effects

text