Lazy-uiLazy UI
Star0

Flip Button

A two-face button with top/bottom flip motion, press feedback, and preset glass-gradient palettes.

Customize

Front
Reveal
From
Palette
Tap scale0.96

Usage

import { FlipButton } from "@/components/lazy-ui/flip-button";

export function Demo() {
  return (
    <div className="flex flex-wrap gap-3">
      <FlipButton reveal="Ship it" palette="light">Deploy</FlipButton>
      <FlipButton from="bottom" front="Open docs" reveal="Read now" palette="dark" />
    </div>
  );
}