Velora UI
New in 0.7.0Modal, Code Block, Loaders & more

Animated React components & blocks — free, accessible, MIT

100 components and 31 blocks for Tailwind CSS 4 and shadcn/ui. One command, source you own.

npx shadcn@latest add @velora/marquee
Globe5.2 KB · 0 deps
Morphing Text0.9 KB · 0 deps
Border Beam0.9 KB
Dock1.4 KB
3D Card1.6 KB
Animated List1.1 KB
Aurora BackgroundDotted Glow BackgroundLampNoise BackgroundRippleWavy BackgroundHyper TextSparkles TextText RevealWord RotateMoving BorderShimmer ButtonAnimated ListBento GridCompare SliderDraggable CardFile Tree
Layout GridSpotlight CardAnimated SidebarNavbar MenuFile DropAnimated ModalAnimated TestimonialsContainer ScrollParallax GridSticky ScrollAnimated BeamGlowing Effect3D MarqueeFollowing PointerSmooth CursorBrowser MockupTerminal
Marquee0.9 KB · 0 deps
Orbiting Circles1.0 KB · 0 deps
Loaders1.6 KB · 0 deps

Built on the stack you already ship

Next.jsReactTypeScriptMotionTailwind CSSshadcn/uiRadix UIBase UI
components
100
free blocks
31
zero-dependency
51
open source
MIT

Why Velora

Claims you can check

Install

Install in seconds

Read the get started guide
  1. 1. Register the namespace

    npx shadcn@latest registry add @velora=https://velora.colorlib.com/r/{name}.json
  2. 2. Add a component or a block

    npx shadcn@latest add @velora/marquee @velora/hero-globe

Velora ProComing soon

Niche templates, $99 once. The library stays free.

Join the waitlist

Questions, answered

Pick a component. Run one command. Own the code.