Collection of free Tailwind CSS select box components from Codepen and other resources.

Demo image: Select

Author

  • Hafiz_Dev

Made with

  • HTML / CSS / JS

About a code

Select

Simple select UI.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: boxicons.css, alpine.js

Tailwind version: 3.0.18

Demo image: Netflix - Select User

Author

  • Dzaky Widya Putra

Made with

  • HTML / CSS

About a code

Netflix - Select User

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 3.0.18

Demo image: Select with Search

Author

  • josegustavo

Made with

  • HTML / CSS / JS

About a code

Select with Search

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.2.4

Demo image: Select with Custom List

Author

  • haynajjar

Made with

  • HTML / CSS

About a code

Select with Custom List

Select and search with custom list.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.3.4

Demo image: Multi Select

Author

  • exatasmente

Made with

  • HTML / CSS / JS

About a code

Multi Select

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 1.3.4

Demo image: Multi Select

Author

  • haynajjar

Made with

  • HTML / CSS

About a code

Multi Select

Multi select with chips.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.3.4

Demo image: Basic Select

Author

  • haynajjar

Made with

  • HTML / CSS

About a code

Basic Select

Simple select.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.3.4

Demo image: Dropdown

Author

  • TonyCampa

Made with

  • HTML / CSS

About a code

Dropdown

Simple dropdown only CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.2.0

Demo image: Dropdown with Search Box

Author

  • halejevakometaa

Made with

  • HTML / CSS

About a code

Dropdown with Search Box

Selection dropdown with multiple search selections.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 0.3.0

Demo image: Tailwind UI Custom Select Menu

Author

  • Adam Wathan

Made with

  • HTML / CSS / JS

About a code

Tailwind UI Custom Select Menu

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 0.3.0