- Home
-
Sticky fullpage pages / slides
Sticky fullpage pages / slides
This tailwind example is contributed by Hasan AlDoy (McDoy), on 20-Jan-2025. Component is made with Tailwind CSS v3. It is responsive.
Author Hasan AlDoy (McDoy)
Related Examples
-
3 years ago15.3k
-
2 years ago15.6k
-
1 year ago2.7k
-
Calculator
This calculator uses CSS although it can be passed directly to tailwind
1 year ago2.1k -
1 year ago1.4k
-
Sticky fullpage pages / slides
Sticky full page
3 months ago333 -
Boarding Pass Design
Testing out a layout and design for a digital boarding pass
8 months ago610 -
7 months ago1.2k
-
Popover
basic popover example
2 years ago13.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.
1 year ago2.7k -
Product Details Page
This section will show all the information about a selected product, including its title, description, price, images, and specifications.
5 months ago1k -
Password Generator
This is a simple and responsive Password Generator built with HTML, Vanilla JavaScript, and Tailwind CSS. It allows users to create secure passwords by selecting custom options such as length, uppercase letters, lowercase letters, numbers, and symbols. Ideal for developers or users looking for a fast and customizable password tool.
6 months ago529
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components