# Feature Highlight Pro Card

> The Floating FeatureHighlightCard is a modern, animated UI component crafted with Framer Motion, TypeScript, and Tailwind CSS to deliver an engaging visual experience. Its standout element—a smoothly floating image—adds a sense of motion and liveliness, perfect for showcasing products, gifts, or key features. Designed with ultra-rounded corners, a soft glow background, and subtle fade-and-rise transitions, this card feels both premium and playful. It’s fully responsive, theming-friendly with Shadcn UI, and optimized for reusability across landing pages, marketing sections, or dashboard highlights. The floating motion speed and amplitude are easily customizable, making it adaptable for any design aesthetic.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@ruixen.ui/components/feature-highlight-pro-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/feature-highlight-pro-card?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt