# RuixenCard-01

> The RUIXEN UI Feature Card is a compact yet elegant component designed to showcase products, blog posts, or UI elements with visual clarity. It features a responsive image with a soft-glass background overlay, a vibrant badge for status or category, and a clean content area with a title, subtitle, and interactive arrow icon. On hover, the inner content subtly lifts and scales, enhancing interactivity without overwhelming the layout. This card is perfect for dashboards, landing pages, and marketing sites looking to present information with style and motion.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: next, lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/ruixen-card-01

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/ruixen-card-01?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