MagicUI Effects
Animated UI effects from MagicUI — marquees, shimmer buttons, border beams, text animations, and dynamic backgrounds for visually stunning interfaces.
animationsv1.0.032 tokens13 components
Colors13 tokens
accent#3B82F6
background#09090B
beam#22D3EE
border#27272A
gradient-end#EC4899
gradient-start#7C3AED
primary#7C3AED
primary-hover#6D28D9
secondary#EC4899
shimmer#A855F7
surface#18181B
text-primary#FAFAFA
text-secondary#A1A1AA
Text on background sample
Background: #09090B · Text: #FAFAFA
Typography3 tokens
Aa
bodyInter, sans-serifAa
headingCal Sans, Inter, sans-serifAa
monoFira Code, monospaceThe quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. How vexingly quick daft zebras jump.
Border Radius5 tokens
full9999px
lg12px
md8px
sm6px
xl16px
Shadows3 tokens
glow-lg
glow-md
glow-sm
Elevation3 tokens
high
low
mid
Spacing5 tokens
lg32px
md16px
sm8px
xl48px
xs4px