Preview: https://strange-cylinder-634288.framer.app/

A useful prebuilt FAQ section to work with cms or manually add each question and its answer.

How to use it:

1. Set the component’s source to CMS, create a Collection List for your FAQ collection, and connect that list to the CMS list slot. The component will render one accordion item for each CMS entry.
2. Use the Question Field control for the CMS field containing each question and the Answer Field control for the CMS field containing its response. The default field names are question and answer.
3. Switch the source to Custom and provide FAQ items directly through the component’s custom FAQ data control. This is useful for a small, fixed set of questions.
4. Use the Numbers control. Turn it on to show numbered badges beside each question, or turn it off for a simpler accordion without numbering.
5. Adjust Gap to control the distance between accordion cards, Padding to control the space inside each card, and Radius to control how rounded the card corners are.
6. Use Card Fill and Border for the default card appearance. The Active Card control lets you define a different fill and border for the question that is currently open.
7. Use Icon Fill to control whether the expand icon receives a background, then adjust Badge Icon Fill, Badge Text Color, and Icon Color to match your visual style.
8. Use the Mode control to switch the accordion behavior. Choose the mode that matches whether multiple answers may remain open or only one answer should stay expanded at a time.
9. It combines a polished accordion experience with a real CMS workflow, so your team can manage questions and answers without rebuilding the design. It is built to be useful for both content editors and designers.
10. Its key controls are exposed directly in Framer, including spacing, padding, radius, card surfaces, borders, icons, colors, typography, numbering, and interaction mode. You can adapt the component without touching code.
11. The component is designed to present product details, objections, feature explanations, and support content in a clean, premium layout that can match your brand instead of looking like a generic plugin.
12. You get a reusable, responsive accordion with CMS support and configurable styling from the start. That saves implementation time while keeping the content editable and the visual system consistent across your site.