Skip to content

component

Glass FAQ Accordion

By Sirrah Space

Details

Summary

Streamline your customer support and improve user experience with the Glass FAQ Accordion.

Description

Streamline your customer support and improve user experience with the Glass FAQ Accordion . This premium Framer component allows you to build beautifully structured, interactive Frequently Asked Questions sections in minutes. Organize your content into logical categories (like "Company", "Pricing", "Features") to help users find answers faster. Built with Framer Motion , it features buttery-smooth spring animations when toggling answers and satisfying hover effects. It embraces modern design trends with a built-in glassmorphism (backdrop blur) effect. You can instantly switch between professionally designed Light and Dark themes, or select "Custom" to unlock precise color controls for text, borders, backgrounds, and icons to match your brand identity perfectly. Functions (Key Features): 🗂️ Multi-Section Support: Group questions under customizable category titles (e.g., General, Shipping). 🎨 Smart Theming: 1-click Light and Dark mode presets, plus a "Custom" mode for full granular color control. 🧊 Glassmorphism: Built-in adjustable backdrop blur for a modern, frosted-glass container effect. ⚡ Fluid Animation: Uses spring physics for natural, high-quality accordion expand/collapse transitions. 🎛️ Granular Layout: Complete control over padding, gaps, border radiuses, and text alignment for perfect spacing. 🔄 Custom Icons: Choose between Plus, Chevron, or Arrow icons, and position them on the left or right.

Introduction

Multi-section FAQ accordion.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600173498/148/228/309/79/15
  • All · #7276