Home
Anuj Kamboj
Sample1

Sample1

This tailwind example is contributed by Anuj Kamboj, on 05-Sep-2024. Component is made with Tailwind CSS v3. It is responsive.

Select

Author Anuj Kamboj

111

Fork Fullscreen

<div class="flex flex-row flex-wrap p-4 rounded-md border-4 border-green-200  gap-4 ">
  <div class="w-32 h-32 bg-gray-500 rounded-md border-2 border-black text-2xl antialiased font-semibold flex items-center justify-center">
    A
  </div>
  <div class="w-32 h-32 bg-gray-500 rounded-md border-2 border-black text-2xl antialiased font-semibold flex items-center justify-center">
    B
  </div>
  <div class="w-32 h-32 bg-gray-500 rounded-md border-2 border-black text-2xl antialiased font-semibold flex items-center justify-center">
    C
  </div>
  <div class="w-32 h-32 bg-gray-500 rounded-md border-2 border-black text-2xl antialiased font-semibold flex items-center justify-center">
    D
  </div>
  <div class="w-32 h-32 bg-gray-500 rounded-md border-2 border-black text-2xl antialiased font-semibold flex items-center justify-center">
    E
  </div>
  <div class="w-32 h-32 bg-gray-500 rounded-md border-2 border-black text-2xl antialiased font-semibold flex items-center justify-center">
    F
  </div>
  <div class="w-32 h-32 bg-gray-500 rounded-md border-2 border-black text-2xl antialiased font-semibold flex items-center justify-center">
    G
  </div>
  <div class="w-32 h-32 bg-gray-500 rounded-md border-2 border-black text-2xl antialiased font-semibold flex items-center justify-center">
    H
  </div>
  <div class="w-32 h-32 bg-gray-500 rounded-md border-2 border-black text-2xl antialiased font-semibold flex items-center justify-center">
    I
  </div>
</div>

Related Examples

Multi-Select Dropdown Filter with search
Interactive filtering component built with Alpine.js and Tailwind CSS, featuring searchable multi-select dropdowns with dynamic URL parameters. The system includes responsive design, real-time search functionality, and visual feedback through selected item tags that can be easily removed.

Author:
Anonymous

3 months ago

686
Search bar with filter options

Author:
Piet Vriend

2 years ago

24.6k
Multiple select input with alpine js
select input where you can select multiple items

Author:
Nomusa Botha

11 months ago

4.6k
Dropdown select on hover
this example does not uses javascript

Author:
Thomas Taylor

1 year ago

1.7k
Multi-Select Dropdown Filter with search
Interactive filtering component built with Alpine.js and Tailwind CSS, featuring searchable multi-select dropdowns with dynamic URL parameters. The system includes responsive design, real-time search functionality, and visual feedback through selected item tags that can be easily removed.

Author:
Anonymous

3 months ago

1k
Dropdown select on hover
this example does not uses javascript

Author:
Alok

2 years ago

28k
Pricing Plan Selector
radio buttons for selecting a pricing plan

Author:
Rafferty Kim

1 year ago

9.5k
register
helps us to be learn easy

Author:
Nishimwe Jeanine

1 month ago

74
User List
List of users

Author:
Marcos Vinicios Nussemeyer

2 months ago

573
Multi-Select Dropdown Filter with search
Interactive filtering component built with Alpine.js and Tailwind CSS, featuring searchable multi-select dropdowns with dynamic URL parameters. The system includes responsive design, real-time search functionality, and visual feedback through selected item tags that can be easily removed.

Author:
Maxim

6 months ago

3.2k
Responsive portfolio with dark mode
responsive and support dark mode .portfolio website

Author:
ABDESLAMI ACHRAF

9 months ago

2.9k
Multi-Select Dropdown Filter with search
Interactive filtering component built with Alpine.js and Tailwind CSS, featuring searchable multi-select dropdowns with dynamic URL parameters. The system includes responsive design, real-time search functionality, and visual feedback through selected item tags that can be easily removed.

Author:
SANJAY SINGH GARIYA

4 weeks ago

158

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.1