Radio Input Group

Just fancy radio input group

This tailwind example is contributed by farid, on 29-Jul-2025. Component is made with Tailwind v3.4. It is responsive. It supports dark mode.

Form

Author farid

Tailwind v3.4 1.1k 3

Fork Fullscreen

<section class="bg-white dark:bg-gray-800 flex justify-center items-center w-screen h-screen p-5">
    <div class="border shadow-teal-300 shadow-md max-w-2xl p-6 rounded-lg dark:bg-gray-700 dark:text-gray-300">
        <h1 class="text-4xl font-mono font-extrabold py-3 mb-6">Radio Group Input</h1>
        <p class="mb-2">Question for the radio group answers</p>
        <div class="radio-group-wrapper">
            <label class="cursor-pointer ">
                <input type="radio" class="peer hidden" name="question_1" value="Option One">
                <span class="radio-group-option">Option One</span>
            </label>
                <label class="cursor-pointer ">
                <input type="radio" class="peer hidden" name="question_1" value="Option Two">
                <span class="radio-group-option">Option Two</span>
            </label>
                <label class="ƒ">
                <input type="radio" class="peer hidden" name="question_1" value="Option Three">
                <span class="radio-group-option">Option Three</span>
            </label>
                <label class="cursor-pointer">
                <input type="radio" class="peer hidden" name="question_1" value="Option Four">
                <span class="radio-group-option">Option Four</span>
            </label>
        </div>
    </div>
    </div>
</section>

Related Examples

form
form

Rockstar

2 months ago

249
form
form

aditya_sharma

3 weeks ago

32
Simple contact us form

Lukas Müller

3 years ago

12.7k
LinkedIn sign-up form
A clone of LinkedIn sign-up page

Nomusa Botha

2 years ago

2.6k
Responsive Registration Form with Tailwind CSS
A clean, mobile-friendly user registration form built using Tailwind CSS. It includes fields for full name, email, password, terms agreement, and styled components with hover and focus transitions.

Sudip chaudhary

1 year ago

1.4k
Payment Form

ABDO-SY

1 year ago

2.4k
login form
this is login form

aditya_sharma

2 months ago

162
form Événement
form Événement

Omer fils ELENGA

6 months ago

382
Responsive Form

ABDO-SY

1 year ago

1.9k
Appointment booking form

Ho O

1 year ago

1.7k
tailwind contact form template
tailwind contact form template

Ti To

2 years ago

6.3k
Login form

ariaw

10 months ago

1.3k