Apply Coupon Code form

This tailwind example is contributed by Lyra Ravensong, on 05-Sep-2023. Component is made with Tailwind v3.4. It is responsive.

Form

Author Lyra Ravensong

Tailwind v3.4 9.3k 10

Fork Fullscreen

<div class="containermx-auto max-w-xl p-6">
    
    <div class="bg-gray-100  p-6 rounded-lg shadow-lg">

<h1 class="text-2xl font-semibold mb-4">Apply Coupon Code</h1>

<div class="mb-4">
            <label for="coupon" class="block text-gray-700 font-semibold mb-2">Coupon Code:</label>
            <input type="text" id="coupon" name="coupon" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Enter your coupon code">
        </div>

<div class="text-center">
            <button class="bg-green-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
                    Apply Coupon
                </button>
        </div>

<div class="mt-4 text-green-500">
            Coupon code applied successfully! You saved $10.
        </div>
    </div>
</div>

Related Examples

OTPverification

Ratikanta Pradhan

1 year ago

1.1k
Register form

Maxim

1 year ago

2.1k
Contact us form template with fabform

Ho O

1 year ago

1.7k
Modern Contact Section with Responsive Grid and Glassmorphic Form
A clean, professional contact section with a dual-column layout featuring contact details and a sleek glassmorphism-inspired form. Fully responsive with Tailwind CSS, supporting both light and dark modes.

Muhammad Umair Arshad

1 year ago

1.2k
User registration form

Laurits

3 years ago

12.1k
Contact us page template
full page fancy contact us page

Lukas Müller

3 years ago

17.8k
Credit card form 2

Oliver Hansen

3 years ago

15.2k
Glassmorphism form

Sophia Baker

3 years ago

19.3k
Text Rpg UI

Crimson

1 year ago

2.1k
Responsive Multi-Step Registration Form with Progress Stepper

JUGENDRA GANGWAR

1 month ago

101
Appointment booking form

Leif99

3 years ago

18.5k
Simple Sign up form
A responsive simple singup or login form

Emdadul Islam

2 years ago

3k

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.