---
name: "@velora"
slug: "velora"
description: "100 animated React components and 31 free section blocks for Tailwind CSS 4 — accessible, reduced-motion safe and MIT licensed."
category: "Animated components"
tags: ["3d", "accessibility", "animation", "backgrounds", "blocks", "buttons", "cards", "dashboard", "forms", "icons", "loaders", "maps", "marketing", "media", "navigation", "overlays", "pro-available", "retro", "text-effects", "theming"]
framework: "react"
license: "MIT"
author: "ColorlibHQ"
website: "https://velora.colorlib.com"
github: "https://github.com/ColorlibHQ/velora-ui"
registry: "https://velora.colorlib.com/r/registry.json"
pro: true
pro_url: "https://velora.colorlib.com/pricing"
github_stars: 44
component_count: 131
generated_at: "2026-10-10T06:32:55.998Z"
---

# @velora

100 animated React components and 31 free section blocks for Tailwind CSS 4 — accessible, reduced-motion safe and MIT licensed.

## Links

- Website: https://velora.colorlib.com
- GitHub: https://github.com/ColorlibHQ/velora-ui
- Registry JSON: https://velora.colorlib.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/velora
- This file: https://sh4dcn.vercel.app/md/velora.md
- Pro / pricing: https://velora.colorlib.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://velora.colorlib.com/r/registry.json
pnpm dlx shadcn@latest add https://velora.colorlib.com/r/registry.json
bunx shadcn@latest add https://velora.colorlib.com/r/registry.json
# clone the source repo
git clone https://github.com/ColorlibHQ/velora-ui.git
# fetch the raw registry index
curl -s https://velora.colorlib.com/r/registry.json
```

## Components (131)

| name | type | description | install |
| --- | --- | --- | --- |
| aurora-background | registry:ui | Velora's signature drifting aurora gradient backdrop. | `npx shadcn@latest add https://velora.colorlib.com/r/aurora-background.json` |
| background-beams | registry:ui | Light beams flowing along curved paths behind content. | `npx shadcn@latest add https://velora.colorlib.com/r/background-beams.json` |
| background-boxes | registry:ui | An isometric grid whose cells light up in brand tints under the pointer. | `npx shadcn@latest add https://velora.colorlib.com/r/background-boxes.json` |
| dotted-glow-background | registry:ui | Canvas dot grid where drifting glows brighten dots and tint them toward the brand. | `npx shadcn@latest add https://velora.colorlib.com/r/dotted-glow-background.json` |
| flickering-grid | registry:ui | Grid of squares fading in and out on staggered timers. | `npx shadcn@latest add https://velora.colorlib.com/r/flickering-grid.json` |
| grid-pattern | registry:ui | SVG grid and dot backdrops with maskable depth. | `npx shadcn@latest add https://velora.colorlib.com/r/grid-pattern.json` |
| lamp | registry:ui | A glowing lamp-line header that expands into view. | `npx shadcn@latest add https://velora.colorlib.com/r/lamp.json` |
| light-rays | registry:ui | God rays fanning down from the top of a section. | `npx shadcn@latest add https://velora.colorlib.com/r/light-rays.json` |
| meteors | registry:ui | Falling meteor streaks for dark hero and CTA sections. | `npx shadcn@latest add https://velora.colorlib.com/r/meteors.json` |
| noise-background | registry:ui | Drifting brand-gradient blobs under a static film-grain overlay; wraps its content. | `npx shadcn@latest add https://velora.colorlib.com/r/noise-background.json` |
| particles | registry:ui | Drifting, twinkling particle field on a lightweight canvas. | `npx shadcn@latest add https://velora.colorlib.com/r/particles.json` |
| retro-grid | registry:ui | Perspective grid scrolling forever toward the horizon. | `npx shadcn@latest add https://velora.colorlib.com/r/retro-grid.json` |
| ripple | registry:ui | Concentric rings pulsing outward — calm 'listening' backdrop. | `npx shadcn@latest add https://velora.colorlib.com/r/ripple.json` |
| shooting-stars | registry:ui | A twinkling star field with brand-tinted streaks shooting across at random. | `npx shadcn@latest add https://velora.colorlib.com/r/shooting-stars.json` |
| vortex | registry:ui | Brand-tinted particles spiralling into the centre, leaving soft fading trails. | `npx shadcn@latest add https://velora.colorlib.com/r/vortex.json` |
| wavy-background | registry:ui | Blurred, translucent ribbons of brand colour flowing sideways on a canvas. | `npx shadcn@latest add https://velora.colorlib.com/r/wavy-background.json` |
| animated-gradient-text | registry:ui | Brand gradient sweeping continuously through text. | `npx shadcn@latest add https://velora.colorlib.com/r/animated-gradient-text.json` |
| flip-words | registry:ui | Cycles words with a springy blur-flip transition. | `npx shadcn@latest add https://velora.colorlib.com/r/flip-words.json` |
| hyper-text | registry:ui | Scrambles through letters and resolves into the real text. | `npx shadcn@latest add https://velora.colorlib.com/r/hyper-text.json` |
| morphing-text | registry:ui | Blurs one phrase out as the next resolves in. | `npx shadcn@latest add https://velora.colorlib.com/r/morphing-text.json` |
| number-ticker | registry:ui | Springs a number up when it enters the viewport. | `npx shadcn@latest add https://velora.colorlib.com/r/number-ticker.json` |
| sparkles-text | registry:ui | Twinkling stars orbiting your headline. | `npx shadcn@latest add https://velora.colorlib.com/r/sparkles-text.json` |
| text-highlighter | registry:ui | Marker-pen sweep that draws in when the phrase scrolls into view. | `npx shadcn@latest add https://velora.colorlib.com/r/text-highlighter.json` |
| text-hover-effect | registry:ui | Giant outlined word that draws in, then glows in brand colours under the pointer. | `npx shadcn@latest add https://velora.colorlib.com/r/text-hover-effect.json` |
| text-reveal | registry:ui | Word-by-word blur reveal on scroll. | `npx shadcn@latest add https://velora.colorlib.com/r/text-reveal.json` |
| text-shimmer | registry:ui | A soft light sweep — great for AI loading states. | `npx shadcn@latest add https://velora.colorlib.com/r/text-shimmer.json` |
| typewriter | registry:ui | Types, holds and deletes through a list of words. | `npx shadcn@latest add https://velora.colorlib.com/r/typewriter.json` |
| word-rotate | registry:ui | Swaps a single word on a quiet vertical roll. | `npx shadcn@latest add https://velora.colorlib.com/r/word-rotate.json` |
| confetti | registry:ui | Dependency-free confetti burst, fired from anywhere. | `npx shadcn@latest add https://velora.colorlib.com/r/confetti.json` |
| magnetic-button | registry:ui | Leans toward the cursor and springs back on leave. | `npx shadcn@latest add https://velora.colorlib.com/r/magnetic-button.json` |
| moving-border | registry:ui | A light laps the button's border via offset-path. | `npx shadcn@latest add https://velora.colorlib.com/r/moving-border.json` |
| rainbow-button | registry:ui | CTA cycling the brand ramp, with a matching glow beneath. | `npx shadcn@latest add https://velora.colorlib.com/r/rainbow-button.json` |
| ripple-button | registry:ui | Expands a ripple from the exact point you pressed. | `npx shadcn@latest add https://velora.colorlib.com/r/ripple-button.json` |
| shimmer-button | registry:ui | CTA button with a continuous light sweep. | `npx shadcn@latest add https://velora.colorlib.com/r/shimmer-button.json` |
| stateful-button | registry:ui | Button that morphs through loading, success and error states while a Promise settles. | `npx shadcn@latest add https://velora.colorlib.com/r/stateful-button.json` |
| theme-toggler | registry:ui | Wipes the new theme in as a circle using View Transitions. | `npx shadcn@latest add https://velora.colorlib.com/r/theme-toggler.json` |
| animated-list | registry:ui | Looping feed that springs each item in, newest on top. | `npx shadcn@latest add https://velora.colorlib.com/r/animated-list.json` |
| animated-tooltip | registry:ui | Avatar row with springy name tooltips on hover. | `npx shadcn@latest add https://velora.colorlib.com/r/animated-tooltip.json` |
| avatar-circles | registry:ui | Stacked initials avatars with a +N badge — zero images. | `npx shadcn@latest add https://velora.colorlib.com/r/avatar-circles.json` |
| bento-grid | registry:ui | Feature bento with hover-reveal CTAs and rich backgrounds. | `npx shadcn@latest add https://velora.colorlib.com/r/bento-grid.json` |
| card-hover-effect | registry:ui | Link-card grid with a highlight that glides to whichever card you hover or focus. | `npx shadcn@latest add https://velora.colorlib.com/r/card-hover-effect.json` |
| card-stack | registry:ui | Deck that shuffles the top card to the back on a timer. | `npx shadcn@latest add https://velora.colorlib.com/r/card-stack.json` |
| compare-slider | registry:ui | Before/after wipe with a keyboard-accessible divider. | `npx shadcn@latest add https://velora.colorlib.com/r/compare-slider.json` |
| direction-aware-hover | registry:ui | Overlay enters from the edge the cursor actually crossed. | `npx shadcn@latest add https://velora.colorlib.com/r/direction-aware-hover.json` |
| dock | registry:ui | macOS-style dock with cursor magnification. | `npx shadcn@latest add https://velora.colorlib.com/r/dock.json` |
| draggable-card | registry:ui | Scattered photo cards you can fling around with inertia, tilt and bounds. | `npx shadcn@latest add https://velora.colorlib.com/r/draggable-card.json` |
| evervault-card | registry:ui | Card that reveals shuffling brand-tinted characters through a mask following the pointer. | `npx shadcn@latest add https://velora.colorlib.com/r/evervault-card.json` |
| expandable-card | registry:ui | Expands into a centred panel with shared-layout transitions. | `npx shadcn@latest add https://velora.colorlib.com/r/expandable-card.json` |
| file-tree | registry:ui | Collapsible tree for documenting project structure. | `npx shadcn@latest add https://velora.colorlib.com/r/file-tree.json` |
| focus-cards | registry:ui | Image grid where the hovered card stays sharp while the others blur and step back. | `npx shadcn@latest add https://velora.colorlib.com/r/focus-cards.json` |
| glare-card | registry:ui | Sheet of light tracking the cursor, like a foil trading card. | `npx shadcn@latest add https://velora.colorlib.com/r/glare-card.json` |
| layout-grid | registry:ui | Bento grid of image tiles that expand in place to reveal rich content. | `npx shadcn@latest add https://velora.colorlib.com/r/layout-grid.json` |
| marquee | registry:ui | Seamless scrolling loop — horizontal, vertical, hover-pause. | `npx shadcn@latest add https://velora.colorlib.com/r/marquee.json` |
| orbiting-circles | registry:ui | Items evenly distributed on rotating orbital rings. | `npx shadcn@latest add https://velora.colorlib.com/r/orbiting-circles.json` |
| spotlight-card | registry:ui | A radial glow that follows the cursor across the card. | `npx shadcn@latest add https://velora.colorlib.com/r/spotlight-card.json` |
| tilt-card | registry:ui | 3D perspective tilt that tracks the cursor. | `npx shadcn@latest add https://velora.colorlib.com/r/tilt-card.json` |
| wobble-card | registry:ui | Colored card that drifts toward the pointer, with parallax content and grain. | `npx shadcn@latest add https://velora.colorlib.com/r/wobble-card.json` |
| animated-sidebar | registry:ui | Icon rail that expands on hover or focus and turns into a drawer on narrow screens. | `npx shadcn@latest add https://velora.colorlib.com/r/animated-sidebar.json` |
| animated-tabs | registry:ui | Tabs with a gliding pill and panels stacked like cards that peek behind. | `npx shadcn@latest add https://velora.colorlib.com/r/animated-tabs.json` |
| floating-navbar | registry:ui | Hides on scroll down, returns the moment you scroll up. | `npx shadcn@latest add https://velora.colorlib.com/r/floating-navbar.json` |
| navbar-menu | registry:ui | Hover-driven menu whose pill and panel morph between items. | `npx shadcn@latest add https://velora.colorlib.com/r/navbar-menu.json` |
| resizable-navbar | registry:ui | Full-width navbar that shrinks into a floating, blurred pill once you scroll. | `npx shadcn@latest add https://velora.colorlib.com/r/resizable-navbar.json` |
| sticky-banner | registry:ui | Dismissible announcement bar pinned above the header. | `npx shadcn@latest add https://velora.colorlib.com/r/sticky-banner.json` |
| file-drop | registry:ui | Upload zone that lifts and glows while a file is over it. | `npx shadcn@latest add https://velora.colorlib.com/r/file-drop.json` |
| stepper | registry:ui | Progress indicator for multi-step forms and checkouts. | `npx shadcn@latest add https://velora.colorlib.com/r/stepper.json` |
| vanish-input | registry:ui | Search field whose placeholder cycles while empty. | `npx shadcn@latest add https://velora.colorlib.com/r/vanish-input.json` |
| animated-modal | registry:ui | Native dialog whose panel springs in with a tilt over a blurred backdrop. | `npx shadcn@latest add https://velora.colorlib.com/r/animated-modal.json` |
| loaders | registry:ui | Five tiny CSS loading indicators — dots, pulse, orbit, bars and spinner. | `npx shadcn@latest add https://velora.colorlib.com/r/loaders.json` |
| multi-step-loader | registry:ui | Full-screen overlay that ticks through a list of steps, keeping the active one centred. | `npx shadcn@latest add https://velora.colorlib.com/r/multi-step-loader.json` |
| animated-testimonials | registry:ui | Crossfades portraits behind a rotating quote. | `npx shadcn@latest add https://velora.colorlib.com/r/animated-testimonials.json` |
| logo-cloud | registry:ui | Customer logos muted until hovered, so they read as texture. | `npx shadcn@latest add https://velora.colorlib.com/r/logo-cloud.json` |
| tweet-card | registry:ui | Static social-proof card — props, not an API call. | `npx shadcn@latest add https://velora.colorlib.com/r/tweet-card.json` |
| container-scroll | registry:ui | Screenshot panel that rotates flat as it scrolls into view. | `npx shadcn@latest add https://velora.colorlib.com/r/container-scroll.json` |
| hero-parallax | registry:ui | Hero copy over three card rows that slide apart as a tilted block flattens. | `npx shadcn@latest add https://velora.colorlib.com/r/hero-parallax.json` |
| macbook-scroll | registry:ui | A CSS-drawn laptop pins in place and opens its lid as the screenshot scales up. | `npx shadcn@latest add https://velora.colorlib.com/r/macbook-scroll.json` |
| parallax-grid | registry:ui | Gallery columns drifting at different rates for depth. | `npx shadcn@latest add https://velora.colorlib.com/r/parallax-grid.json` |
| scroll-progress | registry:ui | Gradient page-progress bar pinned to the top. | `npx shadcn@latest add https://velora.colorlib.com/r/scroll-progress.json` |
| scroll-velocity | registry:ui | Marquee whose speed and direction follow your scrolling. | `npx shadcn@latest add https://velora.colorlib.com/r/scroll-velocity.json` |
| sticky-scroll | registry:ui | Copy scrolls past a pinned panel that swaps per section. | `npx shadcn@latest add https://velora.colorlib.com/r/sticky-scroll.json` |
| timeline | registry:ui | Vertical timeline with sticky labels and a gradient beam that fills as you scroll. | `npx shadcn@latest add https://velora.colorlib.com/r/timeline.json` |
| tracing-beam | registry:ui | Gradient line that draws itself down long-form content. | `npx shadcn@latest add https://velora.colorlib.com/r/tracing-beam.json` |
| animated-beam | registry:ui | Draws an animated connection between any two elements. | `npx shadcn@latest add https://velora.colorlib.com/r/animated-beam.json` |
| blur-fade | registry:ui | The workhorse entrance — blur, fade and drift into view. | `npx shadcn@latest add https://velora.colorlib.com/r/blur-fade.json` |
| border-beam | registry:ui | A beam of light traveling around any border. | `npx shadcn@latest add https://velora.colorlib.com/r/border-beam.json` |
| glowing-effect | registry:ui | Border glow that follows the pointer around a card's edge as it comes near. | `npx shadcn@latest add https://velora.colorlib.com/r/glowing-effect.json` |
| 3d-card | registry:ui | Perspective card that turns toward the pointer while its layers lift to different depths. | `npx shadcn@latest add https://velora.colorlib.com/r/3d-card.json` |
| 3d-pin | registry:ui | Card that tilts back as a glowing pin rises with a label chip and rippling rings. | `npx shadcn@latest add https://velora.colorlib.com/r/3d-pin.json` |
| 3d-marquee | registry:ui | A tilted 3D grid of images whose columns scroll up and down in an endless loop. | `npx shadcn@latest add https://velora.colorlib.com/r/3d-marquee.json` |
| apple-cards-carousel | registry:ui | Snap-scrolling row of tall image cards that morph into a full modal story. | `npx shadcn@latest add https://velora.colorlib.com/r/apple-cards-carousel.json` |
| image-slider | registry:ui | Full-bleed image slider with crossfade-zoom, autoplay, dots, arrows and swipe. | `npx shadcn@latest add https://velora.colorlib.com/r/image-slider.json` |
| following-pointer | registry:ui | Swaps the cursor for an arrow and a name tag that trail the pointer inside a region. | `npx shadcn@latest add https://velora.colorlib.com/r/following-pointer.json` |
| lens | registry:ui | Circular magnifier that follows the pointer or arrow keys to zoom into an image. | `npx shadcn@latest add https://velora.colorlib.com/r/lens.json` |
| pointer-highlight | registry:ui | Draws an outline around a phrase on scroll, then glides a pointer icon to its corner. | `npx shadcn@latest add https://velora.colorlib.com/r/pointer-highlight.json` |
| smooth-cursor | registry:ui | Dot-and-ring custom cursor; the ring trails on a spring and grows over links and buttons. | `npx shadcn@latest add https://velora.colorlib.com/r/smooth-cursor.json` |
| globe | registry:ui | Dotted canvas globe with markers, great-circle arcs, drag and keyboard rotation. | `npx shadcn@latest add https://velora.colorlib.com/r/globe.json` |
| world-map | registry:ui | Dotted SVG world map with markers, pulsing hubs and animated connection arcs. | `npx shadcn@latest add https://velora.colorlib.com/r/world-map.json` |
| browser-mockup | registry:ui | Browser window frame for product screenshots. | `npx shadcn@latest add https://velora.colorlib.com/r/browser-mockup.json` |
| code-block | registry:ui | Code panel with tabs, line numbers, highlighted lines and a copy button. | `npx shadcn@latest add https://velora.colorlib.com/r/code-block.json` |
| iphone-mockup | registry:ui | iPhone frame with dynamic island — pure CSS. | `npx shadcn@latest add https://velora.colorlib.com/r/iphone-mockup.json` |
| terminal | registry:ui | A terminal window that types its lines in view. | `npx shadcn@latest add https://velora.colorlib.com/r/terminal.json` |
| hero-aurora | registry:block | Centered hero with a drifting aurora, dotted backdrop, announcement pill and staggered copy. | `npx shadcn@latest add https://velora.colorlib.com/r/hero-aurora.json` |
| hero-globe | registry:block | Split hero with copy, CTAs and live stats beside an interactive dotted globe with arcs. | `npx shadcn@latest add https://velora.colorlib.com/r/hero-globe.json` |
| hero-screenshot | registry:block | Centered headline above a dashboard in a browser frame with a border beam and a logo row. | `npx shadcn@latest add https://velora.colorlib.com/r/hero-screenshot.json` |
| hero-split-phone | registry:block | App launch hero with an email capture on the left and an app screen in an iPhone frame. | `npx shadcn@latest add https://velora.colorlib.com/r/hero-split-phone.json` |
| hero-waves | registry:block | Bold centered hero over flowing waves, with a rotating headline word and avatar social proof. | `npx shadcn@latest add https://velora.colorlib.com/r/hero-waves.json` |
| hero-grid-minimal | registry:block | Minimal hero on a retro grid with a typed headline accent, an install terminal and two CTAs. | `npx shadcn@latest add https://velora.colorlib.com/r/hero-grid-minimal.json` |
| features-bento | registry:block | Five-card bento grid with live visuals: integration beams, orbiting icons, a chart, a tag marquee and a globe. | `npx shadcn@latest add https://velora.colorlib.com/r/features-bento.json` |
| features-icon-grid | registry:block | Heading and six icon feature cards in a three-column grid, each border lit by a cursor-following glow. | `npx shadcn@latest add https://velora.colorlib.com/r/features-icon-grid.json` |
| features-tabs | registry:block | Product tour with animated tabs; each tab pairs short copy and a checklist with a Tailwind-built app mock. | `npx shadcn@latest add https://velora.colorlib.com/r/features-tabs.json` |
| features-split-screenshot | registry:block | Two alternating rows of copy with a checklist beside a browser-framed dashboard mock, sides swapped. | `npx shadcn@latest add https://velora.colorlib.com/r/features-split-screenshot.json` |
| features-steps | registry:block | How-it-works section with four numbered steps on a gradient connector line, each with a small UI visual. | `npx shadcn@latest add https://velora.colorlib.com/r/features-steps.json` |
| pricing-three-tiers | registry:block | Three plan cards with a monthly/yearly switch, a savings badge and a highlighted middle plan. | `npx shadcn@latest add https://velora.colorlib.com/r/pricing-three-tiers.json` |
| pricing-single-plan | registry:block | One all-inclusive plan card beside a benefit list and short reassurance answers. | `npx shadcn@latest add https://velora.colorlib.com/r/pricing-single-plan.json` |
| pricing-comparison | registry:block | Grouped feature comparison table with a sticky plan header, and per-plan tabs on mobile. | `npx shadcn@latest add https://velora.colorlib.com/r/pricing-comparison.json` |
| testimonials-marquee | registry:block | Two rows of review cards scrolling in opposite directions, with faded edges and pause on hover or focus. | `npx shadcn@latest add https://velora.colorlib.com/r/testimonials-marquee.json` |
| testimonials-featured | registry:block | One rotating quote with crossfading portraits, framed by a beam card over a row of counting stats. | `npx shadcn@latest add https://velora.colorlib.com/r/testimonials-featured.json` |
| testimonials-grid | registry:block | Masonry wall of social posts and quote cards, led by a wide case-study quote with a headline metric. | `npx shadcn@latest add https://velora.colorlib.com/r/testimonials-grid.json` |
| cta-vortex | registry:block | Dark rounded call-to-action band over a brand-tinted particle vortex, with two actions and fine print. | `npx shadcn@latest add https://velora.colorlib.com/r/cta-vortex.json` |
| cta-split-image | registry:block | Two-column CTA card with a benefit list and a dashboard mock-up, traced by an animated border beam. | `npx shadcn@latest add https://velora.colorlib.com/r/cta-split-image.json` |
| cta-newsletter | registry:block | Newsletter card over a glowing dot grid with a labelled email field, subscriber avatars and a privacy note. | `npx shadcn@latest add https://velora.colorlib.com/r/cta-newsletter.json` |
| logos-marquee | registry:block | A “Trusted by” line over a scrolling strip of grayscale logos that take their colour on hover. | `npx shadcn@latest add https://velora.colorlib.com/r/logos-marquee.json` |
| logos-grid | registry:block | Bordered grid of customer logos with a cursor spotlight per cell, beside a heading and stories link. | `npx shadcn@latest add https://velora.colorlib.com/r/logos-grid.json` |
| faq-accordion | registry:block | Centered heading over an accordion of eight questions, closed by a contact row. | `npx shadcn@latest add https://velora.colorlib.com/r/faq-accordion.json` |
| faq-two-column | registry:block | Sticky intro and contact card on the left, an accordion of questions on the right. | `npx shadcn@latest add https://velora.colorlib.com/r/faq-two-column.json` |
| navbar-floating | registry:block | Full-width navbar that shrinks into a blurred floating pill on scroll, with a CTA and mobile menu. | `npx shadcn@latest add https://velora.colorlib.com/r/navbar-floating.json` |
| navbar-mega | registry:block | Top bar with a keyboard-accessible Product mega menu, search, sign-in and a slide-over mobile menu. | `npx shadcn@latest add https://velora.colorlib.com/r/navbar-mega.json` |
| footer-columns | registry:block | Footer with logo, tagline and social links, four link columns and a copyright bar with legal links. | `npx shadcn@latest add https://velora.colorlib.com/r/footer-columns.json` |
| footer-wordmark | registry:block | Minimal footer that ends in an oversized outlined wordmark lighting up in brand colours under the pointer. | `npx shadcn@latest add https://velora.colorlib.com/r/footer-wordmark.json` |
| footer-newsletter | registry:block | Footer with a newsletter sign-up row, link columns and a live “All systems normal” status badge. | `npx shadcn@latest add https://velora.colorlib.com/r/footer-newsletter.json` |
| auth-login-split | registry:block | Login form with password reveal, remember-me and social sign-in beside an aurora testimonial panel. | `npx shadcn@latest add https://velora.colorlib.com/r/auth-login-split.json` |
| auth-signup-card | registry:block | Centered sign-up card over a grid and light beams, with live password rules, terms and social sign-up. | `npx shadcn@latest add https://velora.colorlib.com/r/auth-signup-card.json` |

## For AI agents

```text
You are adding components from @velora to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/velora.md) for the component list.
2. Fetch the machine-readable index: https://velora.colorlib.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: velora).
```