Bouncy Separator

PRO

Preview live, install via shadcn or copy the source.

Installation

This will install the component and its dependencies automatically.

PRO COMPONENT

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

bouncy-separator-usage.tsx• TSX

Name	Type	Default	Required	Description
className	string	—	No	Optional wrapper class for layout.
strokeClassName	string	—	No	Class names for the SVG stroke (color, etc).
strokeWidth	number	—	No	Width of the separator stroke in pixels.
curveHeight	number	500	No	Height of the SVG curve box (px).
baseY	number	—	No	Base Y position for the line (defaults to half of curveHeight).
hitZoneHeight	number	40	No	Height of the invisible hover zone above the line.