Home
farid
Radio Input Group

Radio Input Group

Just fancy radio input group

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

Form

Author farid

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

Simple login form

Author:
R Thapa

1 year ago

22.3k
Profile Stepper Form
Progressive Profile Form

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

1 year ago

4.2k
Contact us form template with fabform

Author:
Ho O

6 months ago

831
Responsive contact us section

Author:
Geoffrey Callaghan

1 year ago

7.2k
Login Template
its is a basic login template

Author:
Sergio Gonzalez

1 month ago

83
Responsive login form
form with social login buttons

Author:
Aman kumar

1 year ago

4.4k
Appointment booking form

Author:
Leif99

2 years ago

17.3k
Contact me form

Author:
Arya

2 years ago

11.8k
Appointment booking form

Author:
Ho O

6 months ago

699
Animated Iogin form
This section showcases a series of interactive image cards that reveal descriptive text on hover. Built using Tailwind CSS and Astro.js, each card features a smooth animation, background blur, and opacity transition, enhancing the user experience while presenting visually engaging content.

Author:
nicoleshal07

2 months ago

156
Adminpanel
Three tabs, switch between each other, change color when clicked. Tables with filter, search, with a drop-down form to fill.

Author:
Алла Телегина

4 months ago

1.1k
Large File upload input

Author:
Akshay

2 years ago

13.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components