Home
Hasan AlDoy (McDoy)
Sticky fullpage pages / slides

Sticky fullpage pages / slides

Forked from> @laurits/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.

Other Widget

Author Hasan AlDoy (McDoy)

1.3k

Fork Fullscreen

<div class="relative">
    <div
        class="sticky top-0 h-screen flex flex-col items-center justify-center bg-gradient-to-b from-green-200 to-blue-200">
        <h2 class="text-4xl font-bold">The First slide</h2>
        <p class="mt-2">Scroll Down for next slide</p>
    </div>
    <div
        class="sticky top-0 h-screen flex flex-col items-center justify-center bg-gradient-to-b from-indigo-800 to-purple-800 text-white">
        <h2 class="text-4xl font-bold">The Second slide</h2>
        <p class="mt-2">Scroll Down for next slide</p>
    </div>
    <div
        class="sticky top-0 h-screen flex flex-col items-center justify-center bg-gradient-to-b from-purple-800 to-pink-800 text-white">
        <h2 class="text-4xl font-bold">The Third slide</h2>
        <p class="mt-2">Scroll Down</p>
    </div>
    <div
        class="sticky top-0 h-screen flex flex-col items-center justify-center bg-gradient-to-b from-blue-200 to-indigo-100 text-black">
        <h2 class="text-4xl font-bold">The Fourth slide</h2>
    </div>
</div>

Related Examples

Simple count down timer

Author:
Gopi Yadav

2 years ago

15k
Sticky fullpage pages / slides

Author:
Laurits

2 years ago

15.3k
Periodic Table with Tailwind CSS

Author:
Michael Andreuzza

1 year ago

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

Author:
Ameth Galarcio

1 year ago

2k
pages / slides

Author:
MD Fardous Alom

10 months ago

1.3k
Sticky fullpage pages / slides
Sticky full page

Author:
harinandana

1 month ago

141
Radial Progress Indicator with TailwindCSS
A sleek and customizable radial progress indicator built with SVG and styled using TailwindCSS. The progress bar is animated with smooth transitions, featuring a circular background, dynamic progress, and centered text or optional imagery. Perfect for showcasing percentages, stats, or any progress-related metrics in your projects.

Author:
SHARIFUL ISLAM

9 months ago

1.9k
rotate card
rotate card

Author:
Tanvir Hasan Bappy (Tanvir)

1 year ago

1.5k
Collapsible content

Author:
Rafferty Kim

2 years ago

13.6k
Heading

Author:
KULDEEP

5 months ago

723
Review popup form with toggle and stars
Review popup form with toggle and stars

Author:
Ayman Reifoun

7 months ago

654
Modern Testimonial
A simple and easy to use component for reviews and testimonials.

Author:
Coastal UI

9 months ago

937

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components