Scroll Down Button

A animated button that scrolls down to the next section of the page.

Based on code by nxworld

Playground

Customize the Scroll Down Button properties to see different variations.

Scroll Down Button Playground

This is a playground for the Scroll Down Button component.

Customize

Installation

pnpm dlx shadcn@latest add https://shadcn-ui-variants.vercel.app/r/scroll-down-button.json

ScrollDownButton Props

PropTypeDefault
variant
enum"fading-arrow"
targetId*
string—
iconContainerClassName
string—
iconElementClassName
string—
text
string—
textClassName
string—
offset
number80