reframe/ui
reframe/ui

Command Palette

Search for a command to run...

Bouncy Separator

Freshly Baked

Our cakes are crafted daily with rich layers, silky frostings, and just the right sweetness. Whether it’s a classic vanilla bean or a dark chocolate ganache, each slice tastes like a celebration.

Cake Types

Vanilla Bean

Red Velvet

Black Forest

Lemon Zest

Carrot

Cheesecake

Brownies

Our brownies are unapologetically fudgy, intensely chocolatey, and finished with a glossy crackle top. Pair them with a scoop of vanilla ice cream for a dangerously good time.

Brownie Styles

Fudgy

Chewy

Gluten-Free

Nutty Pecan

Salted Caramel

Triple Chocolate

Installation

Copy and Paste the component

@/components/reframe-ui/bouncy-separator.tsx
PRO COMPONENT

Unlock with PRO

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

Usage

Props

NameTypeDefaultRequiredDescription
classNamestring-NoOptional wrapper class for layout.
strokeClassNamestring-NoClass names for the SVG stroke (color, etc).
strokeWidthnumber-NoWidth of the separator stroke in pixels.
curveHeightnumber500NoHeight of the SVG curve box (px).
baseYnumber-NoBase Y position for the line (defaults to half of curveHeight).
hitZoneHeightnumber40NoHeight of the invisible hover zone above the line.
© Copyright 2025. All rights reserved.Built by @thommysart