Sticky fullpage pages / slides

Related Examples

• Simple count down timer

  Author:
  Gopi Yadav

  3 years ago

  15.3k
• Sticky fullpage pages / slides

  Author:
  Laurits

  2 years ago

  15.6k
• 
  Periodic Table with Tailwind CSS

  Author:
  Michael Andreuzza

  1 year ago

  2.7k
• 
  Calculator

  This calculator uses CSS although it can be passed directly to tailwind

  Author:
  Ameth Galarcio

  1 year ago

  2.1k
• 
  pages / slides

  Author:
  MD Fardous Alom

  1 year ago

  1.4k
• 
  Sticky fullpage pages / slides

  Author:
  Hasan AlDoy (McDoy)

  1 year ago

  1.5k
• 
  Ripple Animation

  Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are loading, loader,Author box, User information,Transitions

  Author:
  Tofayel Islam

  1 month ago

  335
• 
  Native HTML Accordion

  native html accordion summary details

  Author:
  Cristian

  1 year ago

  2.4k
• 
  Swiss-Grid Dark Pricing

  A brutally minimalist pricing section that relies on strict grid architecture and typographic hierarchy instead of decorative elements. Features responsive border collapsing, monospaced technical accents, and high-performance CSS-only hover states. Designed for high-end SaaS, dev-tools, or agency portfolios that prioritize data clarity and structural rhythm.

  Author:
  Hamza Atig

  1 month ago

  75
• 
  Organization Hierarchy list

  Author:
  Anonymous

  2 years ago

  8.9k
• 
  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.

  Author:
  nejaa badr

  1 year ago

  2.7k
• 
  Notifications

  Toast Notifications are lightweight and customizable components for displaying short messages or alerts. They are perfect for feedback on user actions, such as form submissions or system updates. Supports different types of notifications (success, error, warning, info). Automatically hides after a specified timeout. Option to include action buttons or close icons. Customizable styles, animation, and position on the screen.

  Author:
  Abhiraj

  1 year ago

  1.2k