# Scroll FAQ Accordion

> ScrollFAQAccordion is a modern, scroll-driven FAQ accordion built with React, Radix UI, Framer Motion, and GSAP. Unlike traditional accordions, it automatically opens each FAQ item as the user scrolls, providing a smooth, interactive, and visually engaging experience. Manual clicks are disabled to maintain a fully scroll-triggered behavior, while motion animations and responsive styling ensure each question and answer appears seamlessly. This component is perfect for landing pages, product documentation, or any interface where you want to guide users through content progressively as they scroll.

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

## Install

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