- Home
 - 
                    Image - Figure with figcaption design
 
Image - Figure with figcaption design
This tailwind example is contributed by Maxim, on 23-Jan-2025. Component is made with Tailwind CSS v3. It is responsive.
Author Maxim
Related Examples
- 
    
    
    2 years ago18.3k
 - 
    
    
    button animation
button animation big
5 months ago530 - 
    
    
    Pixel Blast
Pixel Blast
1 month ago95 - 
    
    
    3 months ago346
 - 
    
    
    Multi Step form with javascript
A Beautiful multi step form using HTML CSS and JS
1 year ago1k - 
    
    
    2 years ago9.8k
 - 
    
    
    Midnight Lava Lamp
Inspired by Steam's old "Big Picture" ambiance. Based on anonymous/background-animation-2
5 months ago841 - 
    
    
    Services
This 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.2k - 
    
    
    OTP Verification Page
A responsive and interactive OTP verification page built with Tailwind CSS. The page features a gradient background, hover effects, and animations to enhance user experience. It includes input fields for the OTP, a resend OTP link, and a verify button. The design is optimized for both light and dark modes.
6 months ago590 - 
    
    
    Certificate of Completion
A clean and modern certificate template built with Tailwind CSS. Ideal for courses, training programs, and professional achievements.
3 weeks ago7 - 
    
    
    Todo List with Dark theme
Todo List with Dark theme
5 months ago645 - 
    
    
    Track Your Order
Track Your Order
7 months ago370 
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components