Simple Accordion with Alpine Js and Tailwind CSS
This tailwind example is contributed by Anonymous, on 28-Jul-2024. Component is made with Tailwind v3.4. It is responsive. similar terms for this example is collapsible
Related Examples
-
Modern Neon Gradient with Diagonal Script
(Purple/Blue/Pink Color Scheme)
1.7k -
bonimator dash board
bonimator dash board
907 -
Accordion
uses Flobite.js for interactivity
16.1k -
HOT DOGS WEB SITE
it combine the hot dogs delivary
1.2k -
FAQ.
Super simple animated FAQ with tailwind group hoverable accordion open and close.
2.9k -
Footer with mobile accordion
A modern dark-themed footer component built with Tailwind CSS, featuring a responsive 5-column grid layout for desktop that transforms into an accordion menu on mobile devices. Perfect for beverage, e-commerce, or corporate websites, it includes organized navigation categories, hover effects on links, social media integration, and a clean copyright section - all styled with a professional stone-gray color scheme.
2.2k -
aportifolio book
aportifolio book
1.2k -
Services
explore our awesome Services
3.5k -
Stylish Mobile-First Navigation Bar Using Tailwind
This project showcases a sleek, fixed-top responsive navigation bar crafted with Tailwind CSS. Featuring a vibrant gradient background, a bold uppercase logo, and smooth pink hover effects, it adapts beautifully across devices. On desktop, the navigation links appear horizontally with ample spacing, while on mobile, a hamburger menu toggles a stylish dropdown with rounded corners and subtle shadows. The navbar’s semi-transparent backdrop with blur adds a modern glassmorphism touch, making it perfect for contemporary web designs.
1.6k -
Accordion FAQ
FAQ Accordion section without using any javascript
286
Browse by topic
Explore components by Tags
Jump straight to the UI pattern you need.
Can't find it?
Didn't find the component you were looking for?
Search across 3,000+ community-built components and grab the code in seconds.