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

[Home](/)/[Components](/components)/[Accordions](/components/category/accordions)/FAQ 3D Card

# FAQ 3D Card

Question/answer card with flip reveal

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

![FAQ 3D Card preview image 1](https://framer.elliotli.dev/og/component/faq-3d-card/5cf60f72231178c4/1600x1200.jpg)

## Summary

What is FAQ 3D Card?

## Description

## What is FAQ 3D Card?

A premium interactive card component that transforms traditional FAQ content into engaging 3D experiences. Each card responds to cursor movement with realistic tilt physics and reveals answers through smooth flip animations. Ideal for FAQ sections, feature showcases, product explanations, and any content that benefits from progressive disclosure and visual polish.

[![](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

-   Real-time 3D tilt effect with mouse tracking and customisable sensitivity
    
-   Smooth flip animation to reveal answers with adjustable speed
    
-   Dynamic glow and particle effects that respond to user interaction
    
-   Front and back image support with five decorative divider shapes
    
-   Four premium style presets plus full custom colour control
    
-   Optional CTA button, card numbering, and auto flip-back timer
    

## Controls inside Framer

### Content

-   Question text
    
-   Answer text
    

### Images

-   Front image toggle and upload
    
-   Back image toggle and upload
    
-   Divider shape (None, Curve, Slant, Arc, Taper)
    
-   Image height slider
    

### Card Style

-   Style preset (Indigo, Emerald, Amber, Light, Custom)
    
-   Icon badge toggle and style
    
-   Card radius
    
-   Custom glow, background, and text colours
    

### Fonts

-   Question font
    
-   Answer font
    
-   CTA font
    
-   Hint font
    
-   Number font
    

### Animation

-   Tilt sensitivity
    
-   Glow intensity
    
-   Flip speed
    

### Features

-   Card number toggle and value
    
-   Auto flip-back toggle and delay
    
-   CTA button toggle, text, and link
    

### Effects

-   Particle toggle and density
    

## Best use cases

-   FAQ and help centre sections that need visual engagement
    
-   Product feature cards with reveal interactions
    
-   Pricing comparison cards with detailed explanations
    
-   Interactive knowledge bases and documentation
    
-   Landing page sections requiring premium polish
    

Add depth and delight to your FAQ sections in seconds.

## 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 · #8907

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-02-17
- **Updated**: 2026-06-13
- **Added**: 2026-02-06
- **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