Templates

Buttons

Animated and cool buttons..

Buttons

Button-Colorfull

Open in

Button-DarkToLight

Open in

Button-Simple

Open in

Installation

To install the Buttons component, you can use npm or yarn. Run one of the following commands in your project directory:

npx shadcn@latest add https://ahs-lab.vercel.app/r/Buttons.json

Bento Hover Effect

Animated and cool hover effect for bento grids.

Hover Depth Card

A 3D hover-enabled card with perspective transform, depth motion, and dark mode support. Perfect for showcasing avatars, product previews, or feature highlights with interactive flair.

On this page

ButtonsButton-ColorfullButton-DarkToLightButton-SimpleInstallation