FeatureCard

Premium

Data Display

Animated feature card with hover effects, icon, and accent borders.

Dependencies:

framer-motion

Full

Preview

Interactive

Installation

1. Install dependencies

npm install framer-motion

2. Copy the component

Copy the source code from the Code tab above and save it to your components folder.

3. Import and use

import { FeatureCard } from '@/components/FeatureCard'

Related Components

StatsCounter

Animated number counter that counts up when the element enters the viewport.

CodeBlock

Syntax-highlighted code block with copy button and optional line numbers.

AnimatedList

List component with staggered entrance animations for smooth, professional list rendering.

← Back to Components