Glow Border Accordion
An accordion with a glowing border on the open item. The lit edge draws the eye to the active panel, fitting dark themes and modern product FAQs.
An accordion with a glowing border on the open item. The lit edge draws the eye to the active panel, fitting dark themes and modern product FAQs.
Search blocks by description or jump to a page.
Glow Border Accordion is a single column list of collapsible panels, each sitting inside its own rounded card. Every panel has a trigger row at the top and an answer area below, separated by a thin border. When a panel opens, the card lifts with a soft diffused shadow around it and the trigger background shifts to a muted tint, drawing the eye to the active item without any jarring movement. One panel can be open at a time, and closing it collapses the answer and removes the shadow.
The three demo items are plain copy you can replace with your own questions and answers. You can add or remove panels freely, and the shadow transition will apply to whichever item is open. The centered narrow column works well dropped into any page section that already controls its own wider layout.
Reach for this block when a FAQ or support section needs to feel polished rather than flat. The shadow glow gives active items a finished quality that suits a creative studio or agency site where visual detail signals craft. It is a step up from a plain divider accordion without going as far as a raised card layout, so it reads as confident and considered without overwhelming surrounding content.
A natural flow around it on a Components page:
Before
After
Each part of the block is independent, so you can adjust without rebuilding:
Tip: keep answers to two or three sentences so the shadow glow remains visible as the panel expands and the layout stays compact.