Compare

Button

8 implementations across libraries. Tap one's viewport pills to compare on different screen sizes.

AREA

FAB (Floating Action Button)

Round Motion-animated button anchored bottom-right. For create/add/scan actions.

9:41●●● 100%

Floating Action Button anchored bottom-right (safe-area-aware).

npx shadcn add https://techstack.areakpi.in/r/fab.json

AREA

StickyCTA

Sticky bottom action bar for primary completion actions (Save, Continue, Checkout).

9:41●●● 100%

Scrolling content sits above the sticky CTA bar.

Step 2 of 3

npx shadcn add https://techstack.areakpi.in/r/sticky-cta.json

shadcn/ui

Button

Styled button with variants (default, outline, ghost, destructive) and sizes (sm, default, lg, icon).

9:41●●● 100%

npx shadcn@latest add button

Origin UI

Origin Buttons

Gradient solid + outline-gradient + ghost-with-icon variants.

9:41●●● 100%

npx shadcn add https://originui.com/r/button-13.json

Magic UI

Magic UI Rainbow Button

Animated rainbow gradient border + shimmer-on-hover variant.

9:41●●● 100%

Rainbow Border

Shimmer

Shimmer Effect

npx shadcn add https://magicui.design/r/rainbow-button.json

Aceternity UI

Aceternity Moving Border

Button with a moving glow border + 3D press-down variant.

9:41●●● 100%

Moving Border

3D Press

npx shadcn add https://ui.aceternity.com/registry/moving-border.json

React Aria

React Aria Button

Accessible button with hover/press/focus/disabled states exposed as data attributes.

9:41●●● 100%

pnpm add react-aria-components

Untitled UI

Untitled UI Button

Polished button with primary/secondary/tertiary colors, 5 sizes, icon slots, and Figma-grade styling.

9:41●●● 100%

(copied from github.com/untitleduico/react · MIT)