Aceternity UI components

79 components clean-room reimplemented from Aceternity UI's public component catalog, after deduplicating against Magic UI (components that were the same or a near-duplicate effect were skipped — only genuinely distinct or meaningfully-variant effects were ported). See Methodology for why this source in particular relies entirely on clean-room reimplementation rather than a license grant.

import { spotlight, card3D, hoverBorderGradient } from "@domphy/blocks"

Button / Icon / Motion

Export	Status	Reference
`pathMorph`	ported	source

Card / Interaction / Motion

Export	Status	Reference
`fanCards`	ported	source
`layoutMotionCards`	ported	source

Hero / Marketing / Motion

Export	Status	Reference
`flowingTextMarquee`	ported	source

Hero / Poster / Motion

Export	Status	Reference
`posterReveal`	ported	source

backgrounds

Export	Status	Reference
`auroraBackground`	ported	source
`backgroundBeams`	partial	source
`backgroundBeamsWithCollision`	ported	source
`backgroundGradient`	ported	source
`backgroundLines`	ported	source
`backgroundRippleEffect`	ported	source
`canvasRevealEffect`	partial	source
`dottedGlowBackground`	ported	source
`glowingEffect`	partial	source
`glowingStars`	ported	source
`googleGeminiEffect`	ported	source
`gradientAnimation`	ported	source
`imagesBadge`	ported	source
`lampEffect`	ported	source
`parallaxHeroImages`	ported	source
`scales`	ported	source
`shootingStars`	ported	source
`spotlight`	ported	source
`spotlightDual`	ported	source
`svgMaskEffect`	ported	source
`tracingBeam`	ported	source
`vortex`	ported	source
`wavyBackground`	ported	source
`webcamPixelGrid`	partial	source

buttons

Export	Status	Reference
`hoverBorderGradient`	ported	source
`magneticButton`	ported	source
`statefulButton`	ported	source

cards

Export	Status	Reference
`asciiArt`	ported	source
`card3D`	ported	source
`cardHoverEffect`	ported	source
`cardStack`	ported	source
`directionAwareHover`	ported	source
`draggableCard`	ported	source
`evervaultCard`	ported	source
`expandableCard`	partial	source
`focusCards`	ported	source
`keyboard`	ported	source
`pixelatedCanvas`	ported	source
`wobbleCard`	ported	source

effects-3d

Export	Status	Reference
`globe3D`	partial	source
`marquee3D`	ported	source
`pin3D`	ported	source
`pointerHighlight`	ported	source

inputs

Export	Status	Reference
`fileUpload`	ported	source
`gooeyInput`	ported	source
`vanishInput`	ported	source

layout

Export	Status	Reference
`codeBlock`	ported	source
`compareSlider`	ported	source
`containerCover`	ported	source

loaders

Export	Status	Reference
`loaderSet`	ported	source
`multiStepLoader`	ported	source

Export	Status	Reference
`floatingNavbar`	ported	source
`hoverSidebar`	ported	source
`notch`	ported	source
`resizableNavbar`	ported	source
`stickyBanner`	ported	source

overlays

Export	Status	Reference
`animatedTestimonials`	ported	source
`carousel`	ported	source
`ditherShader`	ported	source
`imageSlider`	ported	source
`linkPreview`	ported	source

scroll

Export	Status	Reference
`containerScrollAnimation`	ported	source
`heroParallax`	ported	source
`macbookScroll`	partial	source
`parallaxScroll`	ported	source
`stickyScrollReveal`	ported	source

text

Export	Status	Reference
`canvasText`	ported	source
`containerTextFlip`	ported	source
`heroHighlight`	ported	source
`layoutTextFlip`	ported	source
`squigglyText`	ported	source
`textFlippingBoard`	ported	source
`textHoverEffect`	ported	source
`textRevealCard`	ported	source

Aceternity UI components#

Button / Icon / Motion#

Card / Interaction / Motion#

Hero / Marketing / Motion#

Hero / Poster / Motion#

backgrounds#

buttons#

cards#

effects-3d#

inputs#

layout#

loaders#

navigation#

overlays#

scroll#

text#