Introducing Aceternity UI Pro - 70+ premium component packs and templates to build amazing websites.
Logo

Glare Card

A glare effect that happens on hover, as seen on Linear's website

Open in

Aceternity

Installation

Run the following command

npx shadcn@latest add https://ui.aceternity.com/registry/glare-card.json

Examples

Open in

The greatest trick

The greatest trick the devil ever pulled was to convince the world that he didn't exist.

Props

Prop NameTypeDescriptionRequired
childrenReact.ReactNodeThe content to be displayed inside the card.Yes
classNamestringAdditional CSS class names to apply to the card.No

This component is inspired by Linear's customers page

Build websites faster and 10x better than your competitors with Aceternity UI Pro

With the best in class components and templates, stand out from the crowd and get more attention to your website. Trusted by founders and entrepreneurs from all over the world.

Go Pro
I've been working with Manu for a couple of months now and I can't express enough how impressed I am with his talent. Manu's JavaScript/React web UI programming skills are through the roof. He's he...

Tony Pujals

Founder at Fantastic Realms, Tech Lead at Google

A product by Aceternity
Building in public at @mannupaaji