abcdabcd
abcd
This tailwind example is contributed by Вадим Валов, on 14-Jun-2023. Component is made with Tailwind CSS v3.
Author Вадим Валов
Related Examples
-
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.
7 months ago1.3k -
Simple Hero SectionHero Section using Tailwind
3 months ago641 -
Fake Medicine DetectorFake Medicine Detector
1 week ago8 -
4 months ago728 -
5 months ago1.2k -
chartto chart on your family and
3 days ago6 -
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.
1 month ago215 -
OTP Verification PageA 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.
4 months ago893 -
Interactive Game Flip Card – Pure HTML & CSS ComponentAn elegant and interactive game info flip card built purely with HTML and CSS. This component flips smoothly on hover to reveal detailed game information on the back, providing a modern and engaging way to showcase your games without using JavaScript. Perfect for gaming websites wanting sleek animations and clean design.
1 week ago120 -
masonary grids effect for cards using columnsAs part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).
2 months ago511 -
7 months ago750 -
Skill showcase section for resume / porfolio websiteshow skill progression
2 years ago12.8k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
