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
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 copy over three card rows that slide apart as a tilted block flattens.
Open it up. Everything is already set.
A CSS-drawn laptop pins in place and opens its lid as the screenshot scales up.
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.
Gradient page-progress bar pinned to the top.
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.
Copy scrolls past a pinned panel that swaps per section.
2023
Two engineers, one spare room and a shared belief that UI libraries should ship as source you own.
First commitKitchen-table office2024
The first public release. A thousand teams installed a component in the first month, and the issue tracker never slept again.
v1.0 launch1,000 teams2025
Theming, reduced-motion support and an accessibility audit of every component. Contributors from 40 countries.
Theme builderCommunity callToday
Still small, still shipping. The next chapter is being written in the open.
Vertical timeline with sticky labels and a gradient beam that fills as you scroll.
The beam draws as you read.
Gradient line that draws itself down long-form content.