Home
harinandana
Sticky fullpage pages / slides

Sticky fullpage pages / slides

Sticky full page

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

Other Widget

Author harinandana

331

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

Author:
Gopi Yadav

3 years ago

15.3k
Sticky fullpage pages / slides

Author:
Laurits

2 years ago

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

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
Sidebar
This is the sidebar that I use in my projects, I use grid to be able to manage the space issue a little better, it seems like a clean and modern design, it is more than anything for the dashboards that you want to create

Author:
Ameth Galarcio

1 year ago

3.9k
Active Beauty Main Page

Author:
Maxim

9 months ago

1.1k
Exapnd and collapse button for large content without javascript
Truncate and expand on click large content without using JavaScript.

Author:
Komal Jain

1 year ago

2.2k
coffee
a beverage brewed from the roasted and ground seeds of the tropical evergreen coffee plant. Coffee is one of the three most popular beverages in the world (alongside water and tea), and it is one of the most profitable international commodities

Author:
Augustin

8 months ago

978
3d card
the Best 3D card with tailwind css

Author:
irahoza daniel

7 months ago

482
Hero Section
Responsive Hero Section for you Project Background Image: A stunning, high-quality Unsplash photo that creates a unique visual impact. Overlay: Semi-transparent black overlay with blur effect for readability and a modern aesthetic. Content Area: Centered with a gradient background overlay for contrast, bold headline, engaging subtext. Buttons: Vibrant gradient and clean border with smooth hover animations to draw attention. Responsive Design: Looks great on all screen sizes with adaptable padding and font sizes.

Author:
KULDEEP

7 months ago

1.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components