# Prediction Market Card

> This is an interactive prediction market card component that lets users place live bets on time-sensitive sports outcomes, featuring a dual-view layout with a dynamic voting interface and a smooth animated betting modal. It includes motion-enhanced progress bars, real-time countdown, responsive bet shifts, and visual feedback for both “Yes” and “No” votes—all wrapped in a polished, mobile-ready UI. Perfect for real-time sports betting platforms, social prediction apps, or any gamified finance interface that needs fast user engagement with rich data display and dynamic transitions.

- Author: [Isaiah](https://21st.dev/@isaiahbjork)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@isaiahbjork/components/prediction-market-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/isaiahbjork/prediction-market-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