Components
Loading preview...
A futuristic button with animated corner frames and tactile motion interactions. On hover the corner chevrons expand outward; supports default, secondary and outline variants with an optional glow.
@radiumcoders
npx shadcn@latest add https://21st.dev/r/radiumcoders/frame-button"use client";
import { FrameButton } from "@/components/ui/frame-button";
export default function Default() {
return (
<div className="flex w-full min-h-screen flex-wrap items-center justify-center gap-8 bg-background p-12">
<FrameButton variant="default">Get Started</FrameButton>
<FrameButton variant="secondary">Interactive</FrameButton>
<FrameButton variant="outline" glow>
Frame Button
</FrameButton>
</div>
);
}