blockquote
This tailwind example is contributed by Freja Jensen, on 27-Dec-2022. Component is made with Tailwind CSS v3.
Author Freja Jensen
Related Examples
-
7 months ago1.2k -
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 month ago233 -
1 year ago10.3k -
nft cardnft card
2 months ago451 -
1 year ago16k -
Basic Terms of Service PageBasic Terms of Service Page setup for light and dark mode. Repeat the sections to add as many as you need.
5 months ago1.3k -
1 month ago237 -
6 months ago973 -
1 year ago18.6k
-
Upvote downvote buttons [alpine]
upvote and downvote buttons made as working version in alpine.js
1 year ago7.2k -
1 year ago10.5k -
Native HTML Accordionnative html accordion summary details
7 months ago1.1k
Explore components by Tags
Didn't find component you were looking for?
Search from 1800+ components
