- Home
-
iframe profile card contact form scratch card to reveal email address
iframe profile card contact form scratch card to reveal email address
iframe profile card contact form scratch card to reveal email address
This tailwind example is contributed by Geoffrey Callaghan, on 17-Feb-2024. Component is made with Tailwind CSS v3. It is responsive.

Author Geoffrey Callaghan
Related Examples
-
Recipe Card
beautiful recipe component with image and step-by-step instructions
1 year ago6.7k -
10 months ago1.2k
-
Responsive navbar with alpinejs
A mix of Penguin navbar with PineUI Slide-Over
8 months ago2.3k -
Career Page
This is a career page component built in tailwind
5 months ago657 -
Chat template
fullscreen chat template suitable for mobile devices
2 years ago16.9k -
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.
4 months ago1.1k -
portfolio
This portfolio page for Claire includes: 1. Responsive design that works on both desktop and mobile 2. Indigo-800 and Blue-900 color scheme for the background 3. Dark mode support (the design is already dark-themed) 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections 2. Animated skill bars 3. Hover effects on projects and buttons 4. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Skills, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a frosted glass effect using backdrop filters - Text is white for high contrast against the dark background - Sections fade in and slide up as they enter the viewport - Skill bars animate when the skills section is in view - Project cards have a hover effect with scaling and increased opacity - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens This implementation provides a visually appealing and functional portfolio page for Claire, using HTML, Tailwind CSS, and vanilla JavaScript for the interactions and animations.
7 months ago1.6k -
Native HTML Accordion
native html accordion summary details
1 year ago1.7k -
Gradient Flip-Text Button with Hover Animation
This stylish button features a dynamic gradient background that shifts from a calm green gradient by default to a vibrant purple-pink-red gradient on hover. The button also includes an interactive text flip effect, where the text seamlessly transitions on hover, creating a visually appealing and modern UI element. Perfect for adding flair to your websites or applications while maintaining functionality and responsiveness.
4 months ago525 -
Frontend Template Open Source Code Website
This frontend template is designed for a website that provides software services and open-source code to users. It serves as a clean, modern UI for browsing, searching, and downloading open-source projects. Building with HTML, tailwindcss for CSS ,
1 week ago110
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components