Introducing Velora UI — free forever

Landing pages that feel alive.

Free, open-source animated components and complete landing templates for React. Built on Next.js 16, Tailwind CSS 4 and shadcn/ui — accessible, reduced-motion friendly and tuned for perfect Lighthouse scores.

Browse components
MCTOSLDRAP+2k
Loved by 2,400+ builders
velora.dev/dashboard
OverviewLast 30 days

Revenue

$0

+12.4%

Active users

0

+8.1%

Conversion

0.0%

+0.9%
Monthly revenue2026
0+Animated components
0Lighthouse performance
$0Forever. MIT licensed
0 minTo your first page

Trusted by teams shipping with modern React

Acme CorpQuantumVertexNorthwindApex LabsOrbitalLuminaryPulsewave

Everything you need to ship beautiful

Assembled sections, not puzzle pieces. Every block below is built from Velora primitives you can copy into your own project.

Orbiting integrations

Showcase your ecosystem with multi-ring orbit animations.

<BorderBeam />

Animated borders

Draw the eye with beams that travel around any card or CTA.

“Shipped our launch page in an afternoon.”
“The animations are buttery smooth.”
“Finally, free components that feel premium.”
“Lighthouse 100 out of the box.”

Scrolling testimonials

Vertical marquees with hover-pause for social proof walls.

Falling meteors

Subtle streaks that bring dark sections to life.

Animated beams

Connect anything to everything

The classic integrations diagram, rebuilt as a single component. Point a beam at any two elements and it draws, curves and animates itself — responsive and resize-aware.

  • Auto-measured paths between any two refs
  • Curvature, direction, speed and color per beam
  • Resize-aware — no manual coordinates

New salejust now

Velora Pro — Lifetime license

Animated lists

Show your product doing things

Notifications, sales, deploys — a looping feed that springs each item in and gracefully pushes the rest down. Perfect for hero mockups and feature sections that need life.

Behind it: the retro grid backdrop, scrolling forever toward the horizon.

Performance first

CSS-driven animations wherever possible, Motion only where it earns its bytes. No layout shift, ever.

Accessible by default

Every component respects prefers-reduced-motion, keeps keyboard focus visible and ships semantic markup.

Dark mode native

Designed dark-first with oklch color tokens. Flip one class and every gradient adapts.

Builders love it

Hover the cards — they tilt in 3D. Another Velora primitive.

I replaced a $199 template with Velora in one evening. The animations are genuinely better — and everything respects reduced motion out of the box.
MC

Maya Chen

Design engineer, Studio K

The bento grid + border beam combo sold our landing page redesign to the whole team in one demo.
TO

Tom Okafor

Frontend lead, Pulsewave

Copy, paste, ship. The components feel like shadcn/ui natives, not bolted-on extras.
SL

Sofia Lindqvist

Indie hacker

Perfect Lighthouse scores with this much motion on screen? I checked twice.
DR

Dan Romero

CTO, Orbital

We shipped our AI product launch page in a day. The aurora hero gets compliments weekly.
AP

Aisha Patel

Founder, Luminary

The first free template that doesn't look free.
LW

Lukas Weber

Product designer

Free forever. Pro later.

Everything on this page is free. Pro adds breadth — more niches, more variants, more shortcuts.

Free

Everything you see in this showcase.

$0 forever

  • 32+ animated components
  • Complete SaaS landing template
  • Dark mode + full accessibility
  • MIT license — commercial use OK
  • Community support

Pro

Coming soon

For teams shipping more than one page.

$99 lifetime

  • 5 niche templates (AI, dev tool, mobile…)
  • 50+ section design variants
  • Figma source file
  • Waitlist, newsletter & Stripe wiring
  • Private registry + lifetime updates

Frequently asked questions

Stop paying $199 for landing pages.

Velora UI gives you the same polish — animated, accessible and production-ready — for free.

Even the dock is a component — hover it