Velora UI

Scroll animation components for React

Hero parallax, MacBook scroll, timelines, sticky scroll, tracing beams, scroll progress and velocity marquees. Scroll-linked transforms turn off under reduced motion with no hydration mismatch.

9 components · free and MIT licensed · install any of them with the shadcn CLI

Your screenshot

Container Scroll

Screenshot panel that rotates flat as it scrolls into view.

Product studio

We design and ship software people love

Fifteen launches this year, from analytics suites to brand systems. Scroll to browse the work.

Hero Parallax

Hero copy over three card rows that slide apart as a tilted block flattens.

Open it up. Everything is already set.

Macbook Scroll

A CSS-drawn laptop pins in place and opens its lid as the screenshot scales up.

Parallax Grid

Gallery columns drifting at different rates for depth.

Scroll this box

Paragraph 1. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 2. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 3. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 4. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 5. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 6. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 7. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 8. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 9. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 10. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 11. The bar above fills as you read, easing on a spring so it never jitters.

Paragraph 12. The bar above fills as you read, easing on a spring so it never jitters.

Scroll Progress

Gradient page-progress bar pinned to the top.

Velora UI · Animations with receipts ·

Scroll Velocity

Marquee whose speed and direction follow your scrolling.

Install

Add a component with one CLI command. The source lands in your repo.

Customize

Every class is yours to edit. Tokens come from your theme.

Ship

No runtime to configure. It is just a React component.

Sticky Scroll

Copy scrolls past a pinned panel that swaps per section.

  1. 2023

    Two engineers, one spare room and a shared belief that UI libraries should ship as source you own.

    First commit
    Kitchen-table office

  2. 2024

    The first public release. A thousand teams installed a component in the first month, and the issue tracker never slept again.

    v1.0 launch
    1,000 teams

  3. 2025

    Theming, reduced-motion support and an accessibility audit of every component. Contributors from 40 countries.

    Theme builder
    Community call

  4. Today

    Still small, still shipping. The next chapter is being written in the open.

Timeline

Vertical timeline with sticky labels and a gradient beam that fills as you scroll.

The beam draws as you read.

Tracing Beam

Gradient line that draws itself down long-form content.