Sticky fullpage pages / slides

Sticky full page

This tailwind example is contributed by harinandana, on 24-Oct-2025. Component is made with Tailwind v3.4. It is responsive.

Other Widget

Author harinandana

Tailwind v3.4 972 2

Fork Fullscreen

<div class="w-1/2 flex flex-col justify-between h-64">
        <div>
          <h2 class="text-3xl font-bold mb-4">Slide 1 Card</h2>
          <p class="text-base">
            This is a black card on a white slide background. The left side has an image, the right side has text content, and a button is at the bottom.
          </p>
        </div>
        <div class="flex justify-end mt-4">
          <button class="bg-white text-black px-6 py-2 rounded-lg hover:bg-gray-200">
            Visit Site
          </button>
        </div>
      </div>

</div>
  </div>

</div>
  </div>

</div>

Related Examples

Simple count down timer

Gopi Yadav

3 years ago

15.5k
Sticky fullpage pages / slides

Laurits

3 years ago

16.6k
Periodic Table with Tailwind CSS

Michael Andreuzza

2 years ago

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

Ameth Galarcio

2 years ago

2.5k
pages / slides

MD Fardous Alom

1 year ago

2.1k
Sticky fullpage pages / slides

Hasan AlDoy (McDoy)

1 year ago

1.9k
3D Count downer

Hasan AlDoy (McDoy)

4 months ago

318
Lots of button examples
tailwind button examples

QQ-VVN

1 year ago

1.2k
Detail Article

Alief Malik

3 weeks ago

55
Expandable File Tree with Tailwind and Vanilla JS with tailwinds 4
A simple and responsive file tree component built with Tailwind CSS and vanilla JavaScript. Each folder can be expanded or collapsed with smooth transitions, including the root directory. This component is useful for project explorers, code editors, or file management UIs.

Indra

1 year ago

1.2k
machine
tell you how your MAC pc work

gidy

10 months ago

661
Login AND Signup
login and signup

Uwera Dorcas

1 year ago

1.2k