Flip Link

PRONew

Preview live, install via shadcn or copy the source.

Installation

Install via shadcn

This will install the component and its dependencies automatically.

PRO COMPONENT

Unlock with PRO

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

Usage

flip-link-usage.tsxTSX

Props

NameTypeDefaultRequiredDescription
childrenstringYesLink text.
hrefstringYesLink href.
useNextLinkbooleanfalseNoUse Next.js Link instead of <a>.
durationnumber0.35NoFlip duration.
easestringpower3.inOutNoGSAP ease.
flipOffsetnumber100NoY offset.
frontClassNamestringNoClasses for front layer.
backClassNamestringNoClasses for back layer.
disableFlipbooleanfalseNoDisable flip.
classNamestringNoAdditional classes for root.
© reframe/ui 2026Built by @thommysart
More in Buttons & Links