# Pricing Section

> In the feature list of the pricing cards, the check icon next to each feature needs to remain consistently aligned and visually uniform, regardless of the length of the accompanying text. Previously, wrapping the text in an extra <div> could cause the icon to shift or misalign when the text wrapped to multiple lines.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: clsx, lucide-react, framer-motion
- Live preview: https://21st.dev/@ruixen.ui/components/pricing-section

## Install

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