BONIMATOR Responsive Tailwind Starter Template
Responsive Tailwind Starter Template
This tailwind example is contributed by Bonimater, on 14-Jun-2025. Component is made with Tailwind CSS v3. It is responsive.
Author Bonimater
Related Examples
-
Maintenance page templateThe site is under maintenance placeholder page
1 year ago10.2k -
Rwanda-Canada Transport Services | Safe & Reliable ShippingAttractive color scheme inspired by Rwanda's landscapes
6 months ago544 -
Verify OTPverification code
6 months ago462 -
Feature CardShows off a feature, great for homepages and grid layout, or can be used in dashboards for "example use" grids. Enjoy! Part of the Coastal UI collection.
8 months ago351 -
2 years ago18.1k -
ForK blocks animationsForK blocks animations
11 months ago1.6k -
why chose usDesigned with clarity and purpose, each section of our website is crafted to guide users effortlessly from engaging visuals to structured content that highlights our values and builds trust at every scroll. abnahid.com
2 months ago151 -
Responsive Cards with Hover Text Reveal Animation - Built with Tailwind CSSnhance your website with these sleek, responsive cards designed using Tailwind CSS! Featuring a stylish hover animation, the text smoothly reveals when you hover over the card, adding a dynamic touch to your user interface. Perfect for portfolios, team profiles, or project showcases, this design adapts seamlessly to all screen sizes.
9 months ago1.5k -
ServicesThis Services page design includes: 1. Responsive layout using Tailwind CSS grid system 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. Header with navigation 5. Six service cards with icons, titles, and descriptions 6. Footer with copyright information 7. Subtle animations and transitions 8. Accessibility considerations (proper heading structure, color contrast) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a white background in light mode and dark gray in dark mode - Service cards have a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - Icons use the Indigo-800 color (Indigo-400 in dark mode) for consistency - Each service card has a hover effect that scales it up slightly - Service cards fade in with a staggered delay for a smooth entrance - Dark mode is automatically applied based on system preferences - The design is fully responsive, adjusting from 1 to 3 columns based on screen size This design provides a clean, professional look for a services page while incorporating the requested color scheme and maintaining good usability across different devices and color modes.
1 year ago2.3k -
Native HTML Accordionnative html accordion summary details
1 year ago2.4k -
cardscards with background animation
2 years ago11.3k -
2 years ago9.5k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
