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.
This tailwind example is contributed by Maxim, on 29-Dec-2024. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is collapsible
Author Maxim
Related Examples
-
7 months ago1.3k -
Footer with social media iconsIf you want to use colorful social media icons with address location, sitemap links and newsletter.
1 year ago2.6k -
Centered footer with CTAUse this Tailwind CSS footer compoent for simple footer with center aligned everything and with CTA buttons.
1 year ago1.2k -
2 years ago10.9k -
Tailwind Footer TemplateFollowing is the Tailwind CSS template for creative footer with contact information like address, email, phone number and a newsletter with social icons and site links.
1 year ago2.2k -
Call to Action (for app stores)Download app section with Playstore and Appstore button
2 years ago10.8k -
FAQ sectionAn expanding frequently asked questions section made without using javascript.
2 years ago11.2k -
home pageHero Section: Gradient background with noise texture Animated floating image Gradient text effect Call-to-action buttons Features Section: Three feature cards with gradient headers Hover animations Clean iconography Stats Display: Full-width gradient background Clean stat presentation Testimonials: Three testimonial cards with user avatars Star ratings Border accents Hover scaling effects Call-to-Action (CTA) Section: Gradient background Centered content Multiple action buttons Footer: Four-column layout Social media icons Newsletter signup Copyright information Design Features: Vibrant gradient color scheme Smooth hover animations and transitions Responsive layout for all screen sizes Modern typography Subtle floating animations Clean, card-based design
3 weeks ago135 -
Basic footerBasic footer with subscribe to the newsletter section
2 years ago9k -
1 year ago8.7k -
Newsletter with address locationUse this example to first show brand logo card, then show address locations of your company, a newsletter sign-up form.
1 year ago2.1k -
7 months ago2.1k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
