---
title: "FAQ Premium — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Accordions. What is FAQ Premium?"
canonical: "https://framer.elliotli.dev/component/faq-premium"
---

[Home](/)/[Components](/components)/[Accordions](/components/category/accordions)/FAQ Premium

# FAQ Premium

Customisable FAQ with filters.

[View on Framer](https://framer.com/marketplace/components/faq-premium/?via=elliot-li)

![FAQ Premium preview image 1](https://framer.elliotli.dev/og/component/faq-premium/7d84eb37833d16d7/1600x1200.jpg)

## Summary

What is FAQ Premium?

## Description

## What is FAQ Premium?

FAQ Premium is a fully featured, animated FAQ accordion component built for Framer. It includes live search with result highlighting, automatic category tabs, rich text formatting, per-item icons, CTA buttons, and FAQPage JSON-LD schema for SEO. Choose from five curated style presets or build your own with granular color controls. Ideal for SaaS landing pages, product sites, help centres, and pricing pages.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Five style presets — Dark, Light, Indigo, Emerald, and fully Custom — with three layout modes: Cards, Dividers, and Minimal
    
-   Built-in search bar with instant filtering and keyword highlighting across questions and answers
    
-   Automatic category tabs generated from your FAQ data for fast, jump-free filtering
    
-   Rich text support for bold, italic, inline code, links, and ordered or unordered lists inside answers
    
-   FAQPage JSON-LD schema output for Google rich results, toggled with a single control
    
-   Four animated accordion icon styles (Chevron, Plus/Minus, Arrow, Caret) with optional icon background
    
-   Per-item icons and CTA buttons with customisable labels and links
    
-   Smooth spring-based open and close animations with configurable speed
    
-   Full keyboard navigation with arrow keys, Home, and End support
    

## Controls inside Framer

### FAQ Items

-   Question text
    
-   Answer text (supports markdown formatting)
    
-   Category label
    
-   Item icon (9 options including Question, Lightbulb, Shield, Zap, Star, and more)
    
-   CTA label and CTA link
    

### Layout and Style

-   Layout Style — Cards, Dividers, or Minimal
    
-   Style Preset — Dark, Light, Indigo, Emerald, or Custom
    

### Features

-   Search Bar — show or hide, with custom placeholder text
    
-   Category Tabs — show or hide, with custom "All" label
    
-   Numbering — show or hide question numbers (01, 02, 03)
    
-   SEO Schema — enable or disable FAQPage JSON-LD output
    

### Colors (Custom preset)

-   Base colors — Background, Question Text, Answer Text, Accent, Accent Soft
    
-   Card Colors — Card BG, Card Border, Card Hover (Cards layout only)
    
-   Divider Color (Dividers layout only)
    
-   Search Colors — Search BG, Search Border, Highlight (when search is enabled)
    
-   Tab Colors — Tab BG, Active BG, Tab Text, Active Text (when categories are enabled)
    

### Card Style

-   Border radius
    
-   Padding
    
-   Gap between items
    

### Accordion Icon

-   Icon type — Chevron, Plus/Minus, Arrow, or Caret
    
-   Icon size
    
-   Icon background toggle
    
-   Icon Color and Icon BG Color (Custom preset)
    

### Behavior

-   Multi-Open — allow multiple items expanded at once
    
-   Open First — first item starts expanded
    
-   Animation Speed — Slow, Medium, or Fast
    

### Typography

-   Question Font (extended controls)
    
-   Answer Font (extended controls)
    

## Best use cases

-   SaaS and startup landing pages that need a polished, on-brand FAQ section
    
-   Product and service pages with categorised questions across billing, features, and security
    
-   Help centres and knowledge bases with searchable, filterable content
    
-   Pricing pages that address objections with rich text answers and inline CTA buttons
    

Ship a professional FAQ section without code, without plugins, and without compromise. One component, every feature you need, ready for production.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au)

## Rank history [How rankings work →](/terms#rankings)

-   All · #9320

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-04-09
- **Updated**: 2026-06-13
- **Added**: 2026-03-30
- **Categories**: Accordions

## More like this

-   [Fold Rows](/component/fold-rows) — H SHIFT WORKS · Free — Accordion for FAQs and services
-   [FaqX Faq Accordion](/component/faqx-faq-accordion) — Themomarket · $8 — Accordion FAQ Section
-   [FAQ - Minimal](/component/faq-minimal) — VectorFlow Studio · $3 — Interactive dark mode FAQ stack
-   [FAQ Accordion Search](/component/faq-accordion-search) — Russet Supply · $5 — Searchable FAQ accordion with categories