Accordions

25 snippets

Browse Accordions — subcategories and filters in one place. Use the table of contents to explore this branch.

tailwind-accordions

Snippets(25)

A Collapsibles Accordion
A a collapsibles 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
Accordian Tailwind
A accordian tailwind 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
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 with Tailwindcss
A accordion with tailwindcss 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
Collapsible/Accordion
A collapsible/accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Horizontal Accordion
A horizontal accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Lo-Fi Tailwind CSS Accordion Menu
A lo-fi tailwind css 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
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Pure CSS Accordion
A pure css accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Smooth Accordion with Tailwind & CSS
A smooth accordion with tailwind & css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Tailwind CSS Accordion
A tailwind css 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
TailwindCSS + SCSS Simple Accordion
A tailwindcss + scss simple accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
3D Accordion Style Cards with Tailwind
A 3d accordion style cards with tailwind built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Animated Accordion with Tailwind CSS
A animated accordion with tailwind css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Dropdown Snippet of Tailwind CSS
A dropdown snippet of tailwind css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
FAQ with Tailwind
A faq with tailwind built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Free Tailwind CSS FAQs Component
A free tailwind css faqs component built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Horizontal Accordion
A horizontal accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Image Accordion Slider with Tailwind and JS
A image accordion slider with tailwind and js built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Image Accordion with Tailwind CSS
A image accordion with tailwind css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Image Gallery in Tailwind CSS
A image gallery in tailwind css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Smooth Accordion with Alpine.js and Tailwind CSS
A smooth accordion with alpine.js and tailwind css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
TailwindCSS + SCSS Simple Accordion
A tailwindcss + scss simple accordion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Lo-fi Tailwind CSS Accordion Menu
A lo-fi tailwind css accordion menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
HTML Accordion (Tailwind Only)
A html accordion (tailwind only) built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Exclusive Accordion with Tailwind and interpolate-size
A exclusive accordion with tailwind and interpolate-size built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS interpolate-size, Tailwind CSS
Browser support
Requires a browser supporting the interpolate-size property (Chrome 129+).
Features
Auto-height animation, Zero-JS logic
Responsive
Yes

Snippets(25)

related hubs