Accordions

44 snippets

Explore Accordions patterns organized by UI building block. Browse components, layouts, forms, navigation, and interactive snippets, then jump into a focused category when you find the pattern you need.

bootstrap-accordions

Snippets(44)

Accordion
A accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion Frequently Asked Questions
A accordion frequently asked questions built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion Styles
A accordion styles built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion with Chevron Up and Down
A accordion with chevron up and down built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion/Toggle
A accordion/toggle built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Accordion
A animated accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Accordion
A bootstrap 4 accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Accordion
A bootstrap 4 accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Accordion
A bootstrap 4 accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Accordion Component
A bootstrap 4 accordion component built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Accordion Menu Dropdown
A bootstrap 4 accordion menu dropdown built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Accordion with Hover Effect
A bootstrap 4 accordion with hover effect built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Awesome Accordian Collapse Blue
A bootstrap 4 awesome accordian collapse blue built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion 67
A bootstrap accordion 67 built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion 78
A bootstrap accordion 78 built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion Menu for All Purpose
A bootstrap accordion menu for all purpose built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion Menu with Plus Minus Icon
A bootstrap accordion menu with plus minus icon built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion Start Template
A bootstrap accordion start template built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion Style 75
A bootstrap accordion style 75 built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion Style 87
A bootstrap accordion style 87 built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion V1
A bootstrap accordion v1 built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion V10
A bootstrap accordion v10 built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion V2
A bootstrap accordion v2 built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion With Open Close Arrows
A bootstrap accordion with open close arrows built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion with Highlighted Item
A bootstrap accordion with highlighted item built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion with Sign
A bootstrap accordion with sign built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Elegant Accordion Widget
A bootstrap elegant accordion widget built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Expand and Collapse Faq Accordion
A bootstrap expand and collapse faq accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Simple Accordion Widget
A bootstrap simple accordion widget built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Buffy Bootstrap Accordion Menu
A buffy bootstrap accordion menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Collapsible Tabs (Bootstrap Accordion) Easy to Use Plugin
A collapsible tabs (bootstrap accordion) easy to use plugin built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Responsive Accordion
A responsive accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Style Bootstrap Accordion
A style bootstrap accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
User Profile with Accordion
A user profile with accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion/Toggle
A accordion/toggle built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Bootstrap 4 Accordion Component
A bootstrap 4 accordion component built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Bootstrap 5 Accordion Example
A bootstrap 5 accordion example built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Bootstrap Accordion With Open Close Arrows
A bootstrap accordion with open close arrows built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Bootstrap Accordion with Sign
A bootstrap accordion with sign built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Buffy Bootstrap Accordion Menu
A buffy bootstrap accordion menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Collapsible Tabs (Bootstrap Accordion) Easy to Use Plugin
A collapsible tabs (bootstrap accordion) easy to use plugin built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Custom Bootstrap Accordion with Plus/Minus
A custom bootstrap accordion with plus/minus built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Responsive Accordion
A responsive accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Scroll-Animated Accordion Vertical Timeline
A scroll-animated accordion vertical timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Difficulty
Intermediate
Browser support
Chrome 115+, Edge 115+, Firefox 114+ (flag), Safari 26+
Features
Scroll-Driven Reveal, Collapsible Content, Alternating Layout, Responsive Geometry
Responsive
Yes

Snippets(44)

related hubs