To use this website fully, you first need to accept the use of cookies. By agreeing to the use of cookies you consent to the use of functional cookies. For more information read this page.

BalfPickA responsive and smart looking dropdown select replacement

Setup difficulty: easy

BalfPick is a simple new select box wrapper powered by jQuery.

Getting started

It's so easy to get started with BalfPick. You need a copy of the CSS file provided linked to the page, a copy of the JavaScript file linked to the page and you need a link to jQuery:

  <script src=""></script>
  <link href="balfpick.css" rel="stylesheet" type="text/css">
  <script src="balfpick.js"></script>
  <select class="balfpick">


Whilst it is currently the case that there are no jQuery options for BalfPick, it is possible that these will come in the future.

BalfPick has been tested on the latest versions of the following setups as of April 2018:

  • macOS Firefox
  • macOS Chrome
  • macOS Safari
  • Windows 10 touch and non-touch input
  • Ubuntu Firefox
  • Ubuntu Chrome
  • Android Firefox
  • Android Chrome
  • iOS Firefox
  • iOS Chrome
  • iOS Safari

Version 2+

BalfPick v2 was released on the 27th of November 2020. It brings about some major changes, firstly with the removal of a huge chunk of JavaScript.

Version 2 is higher performance than before and relies less on JavaScript and CSS than before, making it very lightweight.

Code previewClose