Components
Shimmer Button
CTA button with a looping diagonal light sweep. Draws the eye to your primary action.
Installation
npx shadcn@latest add https://ui.saasflare.io/r/shimmer-button.jsonpnpm add @saasflare/uiUsage
Loading…
"use client"import { ShimmerButton } from "@saasflare/ui"/** A CTA button with a continuously sweeping shimmer highlight. */export function Demo() { return <ShimmerButton>Get Started Free</ShimmerButton>}Custom
Loading…
"use client"import { ShimmerButton } from "@saasflare/ui"/** Tune the shimmer color, background, and cycle speed. */export function Demo() { return ( <div className="flex flex-wrap items-center gap-3"> <ShimmerButton shimmerColor="rgba(255,255,255,0.35)" speed={2}> Launch Your SaaS </ShimmerButton> <ShimmerButton background="#18181b" shimmerColor="rgba(255,255,255,0.25)" speed={3.5}> Start 14-day trial </ShimmerButton> </div> )}API Reference
Prop
Type
Scroll To Top Button
Floating button that appears past a scroll offset and smoothly returns to the top — supports window or a custom scroll container, flat or glass surface.
Social Button
Compact branded sign-in button for five core providers (Google, Apple, GitHub, Microsoft, Twitter) with official logos and brand colors. For the full 16-provider OAuth set, see Social Auth Button.