Components
Accordion
A vertically stacked set of interactive headings that each reveal a section of content.
Last updated: March 15, 2026
Expanded Variants
Original accordion variants remain, with additional patterns for FAQs, onboarding, docs, and product detail flows.
Split Panel Accordion
Two-column layout where titles and content are visually separated.
Copy the component, keep your shared accordion primitives, and update only the style tokens you need.
Accordion With Icons
Accordion variant with icon highlights and color-coded content.
Yes, Bilal UI is completely free and open source. You can use it in personal and commercial projects without any restrictions.
Multi Level Accordion
Nested accordion with icons and expandable sub-sections.
Gradient Rail Accordion
Accordion with animated gradient rails for stronger scanning and visual grouping.
Each entry gets a gradient rail that makes scanning easier while keeping content density low and readable.
Minimal Clean Accordion
Simple dividers with clean typography.