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 v3.4. It is responsive.

Other

Author Geoffrey Callaghan

Tailwind v3.4 130

Fork Fullscreen

Related Examples

Table CRUD
CRUD TABLE DESIGN

Abhiraj

1 year ago

5.1k
Portfolio
This responsive portfolio with dark mode support includes: 1. Fully responsive design that works on both desktop and mobile devices 2. Dark mode toggle with system preference detection and local storage persistence 3. Indigo-800 and Blue-900 color scheme for primary colors in light and dark modes 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections using Intersection Observer 2. Hover effects on projects and buttons 3. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, 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, ARIA labels) Key features: - The color scheme uses Indigo-800 for light mode and orange-400 for dark mode as primary colors - Dark mode toggle in the header with a sun/moon icon - Sections fade in and slide up as they enter the viewport - Project cards have a hover effect with scaling and increased shadow - 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 - Smooth scrolling behavior for navigation links - Dark mode preference is saved in local storage and syncs with system preference This implementation provides a visually appealing, accessible, and functional responsive portfolio with dark mode support, using HTML, Tailwind CSS, and vanilla JavaScript for the

nejaa badr

1 year ago

4k
rotate card
rotate card

Tanvir Hasan Bappy (Tanvir)

1 year ago

2.3k
Typewriter effect in tailwindcss with this simple trick
source: https://dev.to/lazysock/make-a-typewriter-effect-with-tailwindcss-in-5-minutes-dc

Anonymous

3 years ago

12.2k
Cockatoo

Lokesh H

2 months ago

78
Verify OTP
Verify OTP

Tanvir Hasan Bappy (Tanvir)

9 months ago

773
Hero

ORGIN_DREAMS

1 year ago

2.2k
Card KPI
Targetas

Raul antonio de la cruz hernandez

11 months ago

1k
Moving Background Animation

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

4.3k
Hero

Anonymous

2 weeks ago

29
loginForm1
form

Anonymous

4 weeks ago

9
Simple count down timer

Gopi Yadav

3 years ago

15.6k