Velora UI

Comparison

Velora UI vs Magic UI

Magic UI is the closest open-source peer: MIT licensed, shadcn-native and very popular (about 22,400 GitHub stars). Velora has more free components and free section blocks, and handles reduced motion and keyboard access inside every component.

Measured September 25, 2026. How we measured is below.

Velora UI and Magic UI compared, measured September 25, 2026
FeatureVelora UIMagic UI
Free components10078
Free section blocks31Sections are part of Magic UI Pro
Templates1 multi-page SaaS template, freeIn Magic UI Pro
LicenceMIT, source on GitHubMIT, source on GitHub
PriceFree. Pro ($99 one-time, niche templates) is on a waitlistFree components; Pro $199 one-time
Tailwind CSSv4v4
Reduced motion handled in source89 of 1006 of 78
ARIA attributes or roles in source32 of 10021 of 78
No npm dependencies51 of 10040 of 78
CLI installs missing their keyframes00

Where Magic UI is stronger

  • A much larger community — about 22,400 GitHub stars
  • An official MCP server for AI coding agents
  • Paid templates and sections in Magic UI Pro
  • Some effects Velora doesn't have yet (icon cloud, video text, pixel image)

Where Velora UI is stronger

  • More free components (100 against 78) and 31 free section blocks
  • Reduced motion handled in the component source (89 of 100 components; the other 11 don't animate), with behaviour documented per component
  • Keyboard, focus and screen-reader notes on every component page
  • Overlays, loaders, navigation and 3D categories with accessible dialogs, tabs and menus

Switching from Magic UI

The closest Velora component for each Magic UI component. APIs differ, so check the props table on each page — most swaps take a few minutes.

Magic UI components and their Velora equivalents
Magic UIVelora UI
Animated BeamAnimated Beam
Animated Gradient TextAnimated Gradient Text
Animated ListAnimated List
Animated Theme TogglerTheme Toggler
Avatar CirclesAvatar Circles
Bento GridBento Grid
Blur FadeBlur Fade
Border BeamBorder Beam
ConfettiConfetti
DockDock
Dot PatternGrid & Dot Pattern
File TreeFile Tree
Flickering GridFlickering Grid
GlobeGlobe
Grid PatternGrid & Dot Pattern
HighlighterText Highlighter
Hyper TextHyper Text
iPhoneiPhone Mockup
LensLens
Light RaysLight Rays
Magic CardSpotlight Card
MarqueeMarquee
MeteorsMeteors
Morphing TextMorphing Text
Number TickerNumber Ticker
Orbiting CirclesOrbiting Circles
ParticlesParticles
PointerFollowing Pointer
Rainbow ButtonRainbow Button
Retro GridRetro Grid
RippleRipple
Ripple ButtonRipple Button
SafariBrowser Mockup
Scroll Based VelocityScroll Velocity
Scroll ProgressScroll Progress
Shimmer ButtonShimmer Button
Smooth CursorSmooth Cursor
Sparkles TextSparkles Text
TerminalTerminal
Text RevealText Reveal
Tweet CardTweet Card
Typing AnimationTypewriter
Word RotateWord Rotate

How we measured

On September 25, 2026 we downloaded every free component each library publishes in its public shadcn registry and scanned the source with one script, run identically on all of them.

  • Reduced motion: the source checks prefers-reduced-motion, uses useReducedMotion, or uses Tailwind's motion-safe:/motion-reduce: variants. Mentioning it doesn't prove the behaviour is right — we audited and fixed our own components by hand — and a component that doesn't animate needs no check.
  • ARIA: the source sets an aria-* attribute or a role. Decorative components may rightly need neither.
  • No npm dependencies: the registry item lists no dependencies.
  • Missing keyframes: the component uses a custom animate-* utility whose keyframes aren't included in its registry item, so a CLI install needs a manual CSS step. Tailwind's built-in animations and the ones every shadcn project ships are excluded.

Prices and counts come from each library's own website on the same date. Spot a mistake? Open an issue and we'll correct it.

Browse all componentsSee the free blocks