All posts

Introducing Velora UI: the free tier is the whole product

Announcements4 min read

Every animated component library follows the same playbook: give away the primitives, sell the assembled result. The marquee is free; the landing page built from marquees is $199.

Velora UI inverts that. The complete template — this blog, the pricing page, the auth screens, the changelog, the 404, every section of the homepage — is the free tier, MIT licensed, commercial use included. If your product needs one great landing site, you never owe us anything.

What's in the box

npx shadcn@latest add https://velora.colorlib.com/r/aurora-background.json

Components carry their own keyframes and design tokens, so they work in any shadcn project — Base UI or Radix, existing design system or fresh scaffold.

The three rules every component follows

It reads your tokens. No hardcoded hex values. Change the brand variables once and every gradient, beam and glow follows.

It respects reduced motion. A global kill switch disables every animation when the visitor asks for less movement — not as a per-component afterthought, but as a design constraint from day one.

It publishes its cost. Every docs page shows the component's gzipped size and dependency count. Animation is a budget line, and you deserve to see it before you install.

What Pro will be — and won't be

Pro (coming later this year, $99 one-time) adds breadth: more niche templates, section variants, Figma files and integration wiring. It will never claw back anything that's free today. The free tier isn't a funnel — it's the product. Pro is for teams who want shortcuts.

Browse the components, steal the template pages, and tell us what to build next.