Glow Border Card
CardsHigh-gloss feature cards with thin glowing gradient borders and interactive face overlays that dynamically illuminate and follow cursor coordinates using radial gradient masking.
High-Gloss Glow Border Cards
Stripe-style dynamic radial masking that traces cursor movement across borders and faces with zero layout reflow.
Adaptive 3D Secure
Dynamically routes authentications through frictionless SCA exemptions, reducing checkout abandonment by 24%.
Instant Global Payouts
Disburse funds in 45+ currencies to linked debit cards and domestic accounts with sub-second finality.
Smart Retry Dunning
Recovers up to 43% of failed recurring billing renewals with adaptive timing and network token synchronization.
Unified Webhook Fabric
Single declarative schema syncing subscriptions, dispute events, and balance updates across your tech stack.
Installation
Install directly into your project using the shadcn CLI or copy the source code manually.
Props
TypeScript props supported by <GlowBorderCard />.
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultRadius | number | 280 | Radius in pixels of the illuminated radial gradient circle around the pointer. |
| defaultIntensity | number | 0.5 | Opacity coefficient for the illuminated face sheen overlay (0.2 to 1.0). |
| className | string | — | Optional CSS classes to apply to the root container. |
Key Features
- Real-time pointer tracking calculating coordinates directly to illuminate 1px border edges.
- Integrated face sheen overlay providing a subtle tactile glass refraction beneath the cursor.
- Customizable theme presets: Stripe Indigo/Cyan, Electric Violet, Emerald Glow, and Golden Amber.
- Smooth CSS hover lift transformation with layout stability and zero reflow.
- Interactive stage controls to tweak glow radii, intensity, palette themes, and elevation.
Keyboard & Accessibility
- Retains visible 1px borders in high-contrast modes for users with vision accommodations.
- Fully keyboard accessible with standard focus outlines and tab navigation.
- Subtle animation that respects prefers-reduced-motion without disorienting flickers.