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
-
google meet cloneMeeting application with fully responsive connect my web for jsx https://abhirajk.vercel.app/
1 month ago211 -
Multi Step form with javascriptA Beautiful multi step form using HTML CSS and JS
4 months ago413 -
1 year ago13k -
cardscards with background animation
1 year ago10.1k -
Simple Login & Register PageLogin and Register Page using Tailwind, Alpine JS, and Fontawesome
1 month ago375 -
1 year ago19.6k
-
Simple Hero SectionHero Section using Tailwind
1 month ago355 -
Linear infinite brand scrolling with hover effectBeautiful lineat brand scrolling partner with hover effect
6 months ago1.2k -
1 month ago803 -
4 months ago420 -
portfolioThis 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.
4 months ago1.2k -
Serious Input HtmlInput text serious like apple or smth
9 months ago1.5k
Explore components by Tags
Didn't find component you were looking for?
Search from 2100+ components
