Tailwind CTA section

This tailwind example is contributed by Moriba Traore, on 03-Mar-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are CTA,banner

Author Moriba Traore

Tailwind v3.4 14.3k 16

Fork Fullscreen

Related Examples

Call to action banner

isolde

2 years ago

6.2k
bottom drawer with Tailwind CSS and Alpinejs

Michael Andreuzza

2 years ago

3.3k
Hero section with call to action buttons

Prashant

4 years ago

15.9k
Tailwind CSS Button (Wavy Button)
The button uses Tailwind classes for size, background, border, border-radius, shadow, cursor, overflow, and transitions. The wave overlay is absolutely positioned at the bottom of the button, initially off-screen (top-full) and moves to the middle (top-1/2) on hover via the custom .wave class and keyframes. The font-poppins class isn’t a default Tailwind class. You should define it in your Tailwind configuration or replace it with font-sans if you haven't extended fonts.

KULDEEP

1 year ago

1.4k
CTA Responsive
Gradient Style CTA

KULDEEP

1 year ago

1.1k
Hero Section
Full width hero section for landing pages

Manon Daniel

4 years ago

15.1k
Minimal CTA section

Laurits

3 years ago

10.1k
Call for action

Sophia Baker

3 years ago

12.5k
Clean CTA section

Pixel Perfect

2 years ago

4.1k
Call to action section with image

Emily Tan

3 years ago

12.4k
an off line game of catching afox
an off line game of catching afox

Bonimater

1 year ago

1.1k
Call to Action (CTA) Section

ariaw

1 year ago

1.2k

Browse by topic

Explore components by Tags

Jump straight to the UI pattern you need.

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.