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.4k

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

15.1k
Sticky fullpage pages / slides

Author:
Laurits

2 years ago

15.4k
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

11 months ago

1.3k
Sticky fullpage pages / slides
Sticky full page

Author:
harinandana

2 months ago

279
Payment success page example

Author:
Anonymous

7 months ago

1.1k
Certificate of Completion
A clean and modern certificate template built with Tailwind CSS. Ideal for courses, training programs, and professional achievements.

Author:
Ramkesh Gupta

2 months ago

201
Serious Input Html
Input text serious like apple or smth

Author:
Cristian

1 year ago

2k
OTP Verification Page
A responsive and interactive OTP verification page built with Tailwind CSS. The page features a gradient background, hover effects, and animations to enhance user experience. It includes input fields for the OTP, a resend OTP link, and a verify button. The design is optimized for both light and dark modes.

Author:
Mohit Prajapat

8 months ago

655
Payment form

Author:
ORGIN_DREAMS

7 months ago

526
CTA Responsive
Gradient Style CTA

Author:
KULDEEP

5 months ago

402

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components