- Home
-
Calculator
Calculator
A Basic Calculator
This tailwind example is contributed by Debbie F, on 30-Jul-2024. Component is made with Tailwind CSS v3.
Author Debbie F
Related Examples
-
Floating "Go to Top" Button with Tailwind CSS
🚀 Boost your website’s user experience with a sleek floating "Go to Top" button! This easy-to-implement solution uses Tailwind CSS for styling. ✔️ Smooth scroll to top ✔️ Clean and modern design ✔️ Responsive and animated effects Perfect for any website or portfolio! Add it today and make navigation effortless! 🔝💻
5 months ago603 -
1 year ago3.2k
-
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.
10 months ago1.9k -
Attractive Feature Section
With Gradient Color 6 Features
2 months ago456 -
8 months ago1.1k
-
Heading
Subtle Script Background - Large, very light script font in the background ("Amazing") Light-to-Dark Gradient Heading - Main heading fades from light gray to dark gray Layered Typography - Secondary heading in medium weight for contrast Elegant Divider - With centered italic text Minimalist Border Accents - Thin borders in corners for sophistication Responsive Design - Scales beautifully on all devices
2 months ago181 -
Hacker terminal #fake
hacker terminal tailwind css
4 months ago704 -
profile
user profile
3 months ago416 -
super admin
super admin
5 months ago874 -
Maintenance page template
The site is under maintenance placeholder page
1 year ago9.3k -
Simple Hero Section
Hero Section using Tailwind
7 months ago1k -
Linear infinite brand scrolling with hover effect
Beautiful lineat brand scrolling partner with hover effect
1 year ago2k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components