FAQFLOW

COMPONENT

FREE FAQ component for Webflow

Create beautiful, animated FAQ sections — with smooth expand/collapse transitions, icon rotation, and full keyboard accessibility. This native Webflow component works without any external dependencies. Try it out! 👉

Use it with our hosting app Libflow

Question?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at nibh dictum, aliquam orci ut, mattis velit. Fusce imperdiet vehicula vestibulum. Aenean mollis tincidunt augue. Cras vitae consectetur enim. Suspendisse eros nulla, hendrerit quis ornare id, hendrerit sit amet augue. Suspendisse vitae metus vel ante scelerisque ultrices id vitae augue. Mauris molestie pretium arcu, eu volutpat orci interdum id. Mauris euismod lacus in lacus ornare, ut consectetur lectus lacinia. Ut nec dapibus mauris, at sollicitudin nibh. Pellentesque vulputate gravida tristique.
Question?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at nibh dictum, aliquam orci ut, mattis velit. Fusce imperdiet vehicula vestibulum. Aenean mollis tincidunt augue. Cras vitae consectetur enim. Suspendisse eros nulla, hendrerit quis ornare id, hendrerit sit amet augue. Suspendisse vitae metus vel ante scelerisque ultrices id vitae augue. Mauris molestie pretium arcu, eu volutpat orci interdum id. Mauris euismod lacus in lacus ornare, ut consectetur lectus lacinia. Ut nec dapibus mauris, at sollicitudin nibh. Pellentesque vulputate gravida tristique.
Question?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at nibh dictum, aliquam orci ut, mattis velit. Fusce imperdiet vehicula vestibulum. Aenean mollis tincidunt augue. Cras vitae consectetur enim. Suspendisse eros nulla, hendrerit quis ornare id, hendrerit sit amet augue. Suspendisse vitae metus vel ante scelerisque ultrices id vitae augue. Mauris molestie pretium arcu, eu volutpat orci interdum id. Mauris euismod lacus in lacus ornare, ut consectetur lectus lacinia. Ut nec dapibus mauris, at sollicitudin nibh. Pellentesque vulputate gravida tristique.
Question?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at nibh dictum, aliquam orci ut, mattis velit. Fusce imperdiet vehicula vestibulum. Aenean mollis tincidunt augue. Cras vitae consectetur enim. Suspendisse eros nulla, hendrerit quis ornare id, hendrerit sit amet augue. Suspendisse vitae metus vel ante scelerisque ultrices id vitae augue. Mauris molestie pretium arcu, eu volutpat orci interdum id. Mauris euismod lacus in lacus ornare, ut consectetur lectus lacinia. Ut nec dapibus mauris, at sollicitudin nibh. Pellentesque vulputate gravida tristique.

No iframes, ever!

Flowwwtin' apps use 100% native Webflow elements — no embeds, no hacks. Everything fits right into your layout, so you stay in control of the look and feel.

Match your brand perfectly

No annoying branding or hidden limitations

Powered by attributes

Just like all Flowwtin components, the FAQ accordion works with HTML attributes — no code required. Drop it into your layout, set your questions and answers, and define the behavior directly from the Webflow Designer.

Control everything from the Designer

Add logic without writing code

Currently available attributes:

Name
Description
data-wf-faq="container"
data-wf-faq-item="item"
data-wf-faq-item="question"
data-wf-faq-item="trigger"
ddata-wf-faq-item="answer-container"
data-wf-faq-multiple="true"
data-wf-faq-default-open="0"
data-wf-faq-duration="300"
data-wf-faq-rotate="180"
data-wf-faq-close-outside="true"

Fueled by Events

FAQ accordion emits custom events for every key interaction — you listen, accordion talks.

document.addEventListener('event-name', function(event) {
    // your custom logic here
  });

Currently available events:

Name
Description
fwfaq-init
fwfaq-beforeopen
fwfaq-open
fwfaq-beforeclose
fwfaq-close
fwfaq-resize

Get started now

The FAQ Accordion comes bundled with Libflow — just drop it into your Webflow project, add the right attributes, and create beautiful expandable FAQ sections with smooth animations.

GET STARTED
24/7 support:
hello@flowwwtin.com