<!DOCTYPE html> <html lang="en"><head><meta charset="utf-8">  <meta class="r-meta-e" content="width=device-width, initial-scale=1" name="viewport"> <meta class="r-meta-e" name="description" content="A free, fast, and reliable CDN for tom-select. Tom Select is a versatile and dynamic &amp;lt;select&amp;gt; UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it&amp;#39;s useful for tagging, contact lists, country selectors, etc."> <meta class="r-meta-e" content="jsdelivr, cdn, npm, github, js, javascript, free, open source, oss, deno, wordpress" name="keywords"> <meta class="r-meta-e" content="en_US" property="og:locale"> <meta class="r-meta-e" content="website" property="og:type"> <meta class="r-meta-e" property="og:title" content="tom-select CDN by jsDelivr - A CDN for npm and GitHub"> <meta class="r-meta-e" property="og:description" content="A free, fast, and reliable CDN for tom-select. Tom Select is a versatile and dynamic &amp;lt;select&amp;gt; UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it&amp;#39;s useful for tagging, contact lists, country selectors, etc."> <meta class="r-meta-e" property="og:url" content="https://www.jsdelivr.com"> <meta class="r-meta-e" content="jsDelivr" property="og:site_name"> <meta class="r-meta-e" property="og:image" content="https://www.jsdelivr.com/open-graph/image/npm/tom-select"> <meta class="r-meta-e" property="og:image:secure_url" content="https://www.jsdelivr.com/open-graph/image/npm/tom-select"> <meta class="r-meta-e" content="1280" property="og:image:width"> <meta class="r-meta-e" content="640" property="og:image:height"> <meta class="r-meta-e" name="twitter:image" content="https://www.jsdelivr.com/open-graph/image/npm/tom-select">  <link class="r-meta-e" href="https://img.jsdelivr.com/" rel="dns-prefetch"> <link class="r-meta-e" crossorigin="anonymous" href="https://img.jsdelivr.com/" rel="preconnect"> <meta class="r-meta-e" content="summary_large_image" name="twitter:card"> <meta class="r-meta-e" name="twitter:description" content="A free, fast, and reliable CDN for tom-select. Tom Select is a versatile and dynamic &amp;lt;select&amp;gt; UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it&amp;#39;s useful for tagging, contact lists, country selectors, etc."> <meta class="r-meta-e" name="twitter:title" content="tom-select CDN by jsDelivr - A CDN for npm and GitHub"> <meta class="r-meta-e" content="@jsdelivr" name="twitter:site"> <meta class="r-meta-e" content="@jsdelivr" name="twitter:creator"> <title class="r-meta-e">tom-select CDN by jsDelivr - A CDN for npm and GitHub</title> <link class="r-meta-e" type="image/x-icon" rel="icon" href="/favicon.ico"> <link class="r-meta-e" type="image/svg+xml" rel="icon" href="/icons/favicon.svg"> <link class="r-meta-e" sizes="48x48" type="image/png" rel="icon" href="/icons/favicon-48x48.png"> <link class="r-meta-e" sizes="32x32" type="image/png" rel="icon" href="/icons/favicon-32x32.png"> <link class="r-meta-e" sizes="16x16" type="image/png" rel="icon" href="/icons/favicon-16x16.png"> <link class="r-meta-e" sizes="180x180" rel="apple-touch-icon" href="/icons/apple-touch-icon.png"> <link class="r-meta-e" rel="manifest" href="/icons/site.webmanifest"> <link class="r-meta-e" color="#e64e3d" rel="mask-icon" href="/icons/safari-pinned-tab.svg"> <meta class="r-meta-e" content="jsDelivr" name="apple-mobile-web-app-title"> <meta class="r-meta-e" content="jsDelivr" name="application-name"> <meta class="r-meta-e" content="#ffffff" name="msapplication-TileColor"> <meta class="r-meta-e" name="msapplication-config" content="/icons/browserconfig.xml"> <meta class="r-meta-e" content="#ffffff" name="theme-color">  <script class="r-meta-e" type="application/ld+json">			{"@context":"https://schema.org","@type":"SoftwareSourceCode","name":"tom-select","description":"A free, fast, and reliable CDN for tom-select. Tom Select is a versatile and dynamic &lt;select&gt; UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it&#39;s useful for tagging, contact lists, country selectors, etc.","url":"https://www.jsdelivr.com/package/npm/tom-select","codeRepository":"https://github.com/orchidjs/tom-select","dateCreated":"2020-09-18T23:46:45.492Z","dateModified":"2025-02-12T17:10:10.493Z","programmingLanguage":"JavaScript","maintainer":{"@type":"Person","name":"orchidjs"},"image":"https://github.com/orchidjs.png"}
		</script> <!--  Static part that doesn't change after the initial render.  --> <!--  Maybe will be useful in Firefox at some point.  --> <link href="https://cdn.jsdelivr.net/" rel="dns-prefetch"> <link href="https://fonts.gstatic.com/" rel="dns-prefetch"> <link href="https://data.jsdelivr.com/" rel="dns-prefetch"> <link href="https://datum.jsdelivr.com/" rel="dns-prefetch"> <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/" rel="preconnect"> <link crossorigin="anonymous" href="https://fonts.gstatic.com/" rel="preconnect"> <link crossorigin="anonymous" href="https://data.jsdelivr.com/" rel="preconnect"> <link crossorigin="anonymous" href="https://datum.jsdelivr.com/" rel="preconnect"> <link crossorigin="anonymous" href="https://fonts.googleapis.com" rel="preconnect"> <link onload="this.media=&#39;all&#39;" media="print" href="https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600&amp;display=swap" rel="stylesheet"> <link onload="this.media=&#39;all&#39;" media="print" href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@500&amp;display=swap" rel="stylesheet"> <link rel="stylesheet" href="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/css/app.css?v=c8cd6195c9319e6d27e4bd5f532f0369414ce0c5"> <link onload="this.media=&#39;all&#39;" media="print" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link onload="this.media=&#39;all&#39;" media="print" href="https://fonts.googleapis.com/css2?family=Inter&amp;display=swap" rel="stylesheet"> <link type="application/xml" href="/sitemap/index.xml" rel="sitemap"> <link title="jsDelivr" type="application/opensearchdescription+xml" href="/opensearch.xml" rel="search"> <link crossorigin="anonymous" href="https://ofcncog2cu-dsn.algolia.net/" rel="preconnect"> <link crossorigin="anonymous" href="https://data.jsdelivr.com/" rel="preconnect"></head> <body><div id="page"> <link onload="this.media=&#39;all&#39;" media="print" href="https://cdn.jsdelivr.net/npm/pace-js@1.2.4/themes/orange/pace-theme-minimal.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/pace-js@1.2.4/pace.min.js" data-pace-options="{ &quot;restartOnPushState&quot;: false, &quot;restartOnRequestAfter&quot;: false }" async></script>  <header class="c-header  "><nav class="navbar navbar-default "><div class="container-fluid container-mw"><div class="navbar-header"><a class="main-logo" href="/"><!-- 
						Looking for the logo?
						Get all versions here: https://github.com/jsdelivr/jsdelivr-media
					 --> <img title="jsDelivr" height="32" width="29" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/jsdelivr_icon.svg"></a> <div class="c-search-compact "><div class="search-input-wrapper"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/magnifier.svg"> <input class="search-input" type="text" placeholder="search all of npm" spellcheck="false" value></div> <div class="c-search-compact-overlay"></div> </div> <button class="navbar-toggle collapsed" aria-expanded="false" data-target="#main-navbar" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button></div> <div class="collapse navbar-collapse" id="main-navbar"><ul class="nav navbar-nav navbar-right default-navbar-right"><li><a href="/about">About Us</a></li> <li><a href="/network">Network</a></li> <li><a href="/statistics">Stats</a></li> <li><a href="/sponsors">Sponsors</a></li> <li class="dropdown"><a class="dropdown-toggle" aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown">Tools <i class="fa fa-angle-down" aria-hidden="true"></i></a> <ul class="dropdown-menu"><li><a href="/tools/purge">Purge cache</a></li> <li class="divider" role="separator"></li> <li class="dropdown-header"><div>Convert from</div></li> <li><a href="/github">GitHub</a></li> <li><a href="/google">Google Hosted Libraries</a></li> <li><a href="/unpkg">unpkg</a></li> <li><a href="/skypack">Skypack</a></li> <li><a href="/esmsh">esm.sh</a></li></ul></li> <li class="dropdown"><a class="dropdown-toggle" aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown">Resources <i class="fa fa-angle-down" aria-hidden="true"></i></a> <ul class="dropdown-menu"><li><a class="router-ignore" href="/blog/" target="_blank">Blog <i class="fa fa-external-link" aria-hidden="true"></i></a></li> <li><a href="https://jsdelivr.us11.list-manage.com/subscribe?u=0c85fe2c9a60310df9a3d6751&amp;id=283887f736" rel="noopener noreferrer" target="_blank">Newsletter <i class="fa fa-external-link" aria-hidden="true"></i></a></li> <li><a href="/esm">esm.run</a></li> <li class="dropdown-header"><div>Documentation</div></li> <li><a href="/documentation">Open Source CDN</a></li> <li><a class="router-ignore" href="/docs/data.jsdelivr.com">Public API</a></li></ul></li> <li><a target="_blank" href="https://globalping.io">Globalping<i class="fa fa-external-link"></i></a></li> <li><a title="GitHub" href="https://github.com/jsdelivr/jsdelivr" rel="noopener noreferrer" target="_blank"><i class="fa fa-github" aria-hidden="true"></i> <span class="icon-label-mobile">GitHub</span></a></li> <li><a title="Twitter" href="https://twitter.com/jsDelivr" rel="noopener noreferrer" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i> <span class="icon-label-mobile">Twitter</span></a></li> <li><a class="router-ignore" title="Discord" href="/discord" rel="noopener noreferrer" target="_blank"><svg class="fa" style="margin-top: 1px;" title="Discord" height="14" width="14" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M524.531 69.836a1.5 1.5 0 0 0-.764-.7A485.065 485.065 0 0 0 404.081 32.03a1.816 1.816 0 0 0-1.923.91 337.461 337.461 0 0 0-14.9 30.6 447.848 447.848 0 0 0-134.426 0 309.541 309.541 0 0 0-15.135-30.6 1.89 1.89 0 0 0-1.924-.91 483.689 483.689 0 0 0-119.688 37.107 1.712 1.712 0 0 0-.788.676C39.068 183.651 18.186 294.69 28.43 404.354a2.016 2.016 0 0 0 .765 1.375 487.666 487.666 0 0 0 146.825 74.189 1.9 1.9 0 0 0 2.063-.676A348.2 348.2 0 0 0 208.12 430.4a1.86 1.86 0 0 0-1.019-2.588 321.173 321.173 0 0 1-45.868-21.853 1.885 1.885 0 0 1-.185-3.126 251.047 251.047 0 0 0 9.109-7.137 1.819 1.819 0 0 1 1.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.812 1.812 0 0 1 1.924.233 234.533 234.533 0 0 0 9.132 7.16 1.884 1.884 0 0 1-.162 3.126 301.407 301.407 0 0 1-45.89 21.83 1.875 1.875 0 0 0-1 2.611 391.055 391.055 0 0 0 30.014 48.815 1.864 1.864 0 0 0 2.063.7A486.048 486.048 0 0 0 610.7 405.729a1.882 1.882 0 0 0 .765-1.352c12.264-126.783-20.532-236.912-86.934-334.541ZM222.491 337.58c-28.972 0-52.844-26.587-52.844-59.239s23.409-59.241 52.844-59.241c29.665 0 53.306 26.82 52.843 59.239 0 32.654-23.41 59.241-52.843 59.241Zm195.38 0c-28.971 0-52.843-26.587-52.843-59.239s23.409-59.241 52.843-59.241c29.667 0 53.307 26.82 52.844 59.239 0 32.654-23.177 59.241-52.844 59.241Z" fill="#17233b"></path></svg> <span class="icon-label-mobile">Discord</span></a></li></ul></div></div></nav></header> <div class="p-package page"><div class="c-slider"><div class="c-slide" style><div> <div class="c-package"><div class="page-content"><div class="page-content_top-content-wrapper"><div class="main-content"><div class="c-package-header"><div class="row"><div class="col-sm-8"><div class="package-name-wrapper"><h1>tom-select</h1> </div> <div class="package-info"><a class="package-owner" href="/?query=author%3A%20orchidjs"><img loading="lazy" height="20" width="20" src="https://img.jsdelivr.com/github.com/orchidjs.png"> <span>orchidjs</span></a> <div class="sub-info"><span class="sub-info_package sub-info_package_popular" title="Popular">popular</span> <span class="sub-info_package sub-info_package_esm" title="ESM">esm</span> <span class="sub-info_package sub-info_package_cjs" title="CJS">cjs</span>  <span class="sub-info_package sub-info_package_styles" title="Styles">Styles</span>  </div></div></div> <div class="col-sm-4"><div class="package-buttons"><a class="button" title="Homepage" rel="noopener noreferrer nofollow" target="_blank" href="https://tom-select.js.org"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/globe.svg" alt="tom-select JS library homepage" title="tom-select homepage"></a> <a class="button" title="GitHub" rel="noopener noreferrer" target="_blank" href="https://github.com/orchidjs/tom-select/"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/github.svg" alt="tom-select JS library on GitHub" title="tom-select on GitHub"></a> <a class="button" title="npm" rel="noopener noreferrer" target="_blank" href="https://www.npmjs.com/package/tom-select"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/npm.svg" alt="tom-select JS library on npm" title="tom-select on npm"></a> <a class="button" title="Download" rel="noopener noreferrer" href="https://registry.npmjs.org/tom-select/-/tom-select-.tgz"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/download.svg" alt="Download tom-select JS library" title="Download tom-select"></a></div> </div></div> <p class="package-description">Tom Select is a versatile and dynamic &lt;select&gt; UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it&#39;s useful for tagging, contact lists, country selectors, etc.</p> <div class="package-header-bottom"><div class="horizontal-divider-16"></div> <div class="col-xs-12"><span title="2.4.3">Version <span>2.4.3</span></span> <span title="Apache-2.0">License <span>Apache-2.0</span></span> </div></div> <div class="package-buttons-mobile"><div><a class="button" title="Homepage" rel="noopener noreferrer nofollow" target="_blank" href="https://tom-select.js.org"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/globe.svg" alt="tom-select JS library homepage" title="tom-select homepage"></a></div> <div><a class="button" title="GitHub" rel="noopener noreferrer" target="_blank" href="https://github.com/orchidjs/tom-select/"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/github.svg" alt="tom-select JS library on GitHub" title="tom-select on GitHub"></a></div> <div><a class="button" title="npm" rel="noopener noreferrer" target="_blank" href="https://www.npmjs.com/package/tom-select"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/npm.svg" alt="tom-select JS library on npm" title="tom-select on npm"></a></div> <div><a class="button" title="Download" rel="noopener noreferrer" href="https://registry.npmjs.org/tom-select/-/tom-select-.tgz"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/download.svg" alt="Download tom-select JS library" title="Download tom-select"></a></div></div> <div class="package-keywords_title">Keywords</div> <div class="package-keywords_list"><span class="package-keywords_list_item" title="select">select</span><span class="package-keywords_list_item" title="ui">ui</span><span class="package-keywords_list_item" title="form">form</span><span class="package-keywords_list_item" title="input">input</span><span class="package-keywords_list_item" title="control">control</span><span class="package-keywords_list_item" title="autocomplete">autocomplete</span><span class="package-keywords_list_item" title="tagging">tagging</span><span class="package-keywords_list_item" title="tag">tag</span></div></div>  <div class="c-package-install-block "><div class="package-install-wrapper"><div class="install-settings"><div>INSTALL</div>  <div class="versions-wrapper"><span>Version:</span> <div class="version-dropdown"><button class="version-dropdown_selected"><a>Static</a> <img loading="lazy" height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/chevron-down.white.svg"></button> <div class="version-dropdown_wrapper "><div class="version-dropdown_wrapper_filter"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/magnifier.svg"> <input placeholder="Filter versions" value></div> <ul class="version-dropdown_wrapper_list" style><li class="version-dropdown_wrapper_list_item selected "><a>Static</a></li><li class="version-dropdown_wrapper_list_item  "><a>Latest Patch</a></li><li class="version-dropdown_wrapper_list_item  "><a>Latest Minor</a></li><li class="version-dropdown_wrapper_list_item  "><a>Latest Major</a></li></ul></div></div></div> <button class="settings-btn"><img height="24" width="24" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/settings-white.svg"></button> </div> <div class="horizontal-divider-19"></div> <div class="install-script install-script-2"></div> <div class="horizontal-divider-19"></div> <div class="install-esm-ctrls"><form class="jsfiddle-form" target="_blank" method="POST" action="https://jsfiddle.net/api/post/library/pure"><input type="hidden" value="esm.run tom-select demo" name="title"> <input type="hidden" value="// See https://www.npmjs.com/package/tom-select documentation.
import * as tomSelect from &#39;https://esm.run/tom-select&#39;;

console.log(tomSelect)
" name="js"> <button class="esm-ctrl" tabindex="2" type="submit">Open in jsfiddle</button></form> <a class="esm-ctrl">Learn more</a></div></div></div> <div class="package-nav"><a class="package-nav_route package-nav_route_active" id="tabRouteReadme"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/book.svg"> <span>Readme</span></a> <a class="package-nav_route " id="tabRouteFiles" href="?tab=files"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/settings.svg"> <span>Files</span></a> <a class="package-nav_route " id="tabRouteStats" href="?tab=stats"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/statistics.svg"> <span>Statistics</span></a> <a class="package-nav_route" rel="noopener noreferrer" target="_blank" id="tabRouteCdn" href="https://cdn.jsdelivr.net/npm/tom-select/"><span>Browse CDN</span> <img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/external-link.svg"></a></div> <div class="package-readme"><div class="c-html"></div></div></div> <div class="side-content"><div class="c-package-sidemenu"><div class="package-stats "><div class="block-shadow "></div> <div style="position: relative; z-index: 1;"><div class="sidemenu-title"><span>Statistics</span> <div class="c-periods-dropdown"></div></div> <div class="horizontal-divider"></div> <div class="stats-section mb-18"><span>Requests</span> <span>0</span></div> <div class="requests-chart-wrapper"><canvas id="requests-chart"></canvas></div> <div class="horizontal-divider"></div> <div class="stats-section mb-18"><span>Bandwidth</span> <span>0 </span></div> <div class="bandwidth-chart-wrapper"><canvas id="bandwidth-chart"></canvas></div> <div class="horizontal-divider"></div></div> <div class="stats-section mb-24"><!--  show package version if no data of top versions  --> <span>Top version - </span> <span>0</span></div> <a class="btn-secondary">Full tom-select Download Stats</a> <div class="horizontal-divider"></div> <div class="twitter-share"><div></div> <a class="btn-twitter-share mt-8" rel="noopener noreferrer" target="_blank" href="https://twitter.com/intent/tweet?text=tom-select%20is%20the%20NaNth%20most%20popular%20package%20on%20%40jsDelivr%20CDN%2C%20with%200%20hits%20%3A%20undefined"><img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/twitter-white.svg"> Share</a></div> <div class="stats-keywords mt-32"><div class="stats-keywords-header">Keywords</div> <div class="stats-keywords-badges "><div class="keyword-badge">select</div><div class="keyword-badge">ui</div><div class="keyword-badge">form</div><div class="keyword-badge">input</div><div class="keyword-badge">control</div><div class="keyword-badge">autocomplete</div><div class="keyword-badge">tagging</div><div class="keyword-badge">tag</div> </div></div></div> <div class="box-badge mt-32 mb-32"><div class="box-title">Get a badge for your package</div> <img src="https://data.jsdelivr.com/v1/package/npm/tom-select/badge"> <img height="20" width="20" data-clipboard-text="[![](https://data.jsdelivr.com/v1/package/npm/tom-select/badge)](https://www.jsdelivr.com/package/npm/tom-select)" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/copy-btn-black.svg"> <img height="20" width="20" src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/img/icons/alternate-btn.svg"></div></div></div></div>  </div></div></div></div> <div class="c-slide" style></div></div></div> <footer class="c-footer"><div class="wrapper"><div class="container-fluid container-mw"><div class="row block-main"><div class="col-xs-12 col-sm-6 main-left"><div class="maintain-header"><span class="text-footer-14 op-64">Maintained by</span> <a class="text-footer-14" href="/about#people">jsDelivr team and contributors</a> <br> <span class="text-footer-14 op-64">Founded by</span> <a class="text-footer-14" href="https://dakulov.com/" rel="noopener noreferrer" target="_blank">Dmitriy Akulov</a></div></div> <div class="col-xs-12 col-sm-6 main-right"><div class="main-right-container"><div class="subscribe-header"><span class="text-footer-14">Sign up to our newsletter</span></div> <form class="form-inline subscribe-content" target="_blank" method="POST" action="https://jsdelivr.us11.list-manage.com/subscribe?u=0c85fe2c9a60310df9a3d6751&amp;id=283887f736"><div class="form-group"><input class="form-control" type="email" autocomplete="email" id="new-email" placeholder="Enter your e-mail" name="MERGE0"></div> <button class="btn btn-default semi-bold" type="submit">Subscribe</button></form></div></div></div> <div class="footer-separator"></div> <div class="block-list"><div class="title-copy-bottom op-64">© jsdelivr.com, 2012 - 2025</div> <div class="row list-primary"><div class="col-sm-12"><div class="title-copy op-64">© jsdelivr.com, 2012 - 2025</div> <ul><li><a href="/about">About</a></li> <li><a href="/history">Our History</a></li> <li><a href="/sponsors">Our Sponsors</a></li> <li><a href="/oss-cdn">Custom OSS CDN</a></li> <li><a href="https://status.jsdelivr.com/">Status</a></li> <li><a href="/terms">Terms &amp; Policies</a></li> <li><a href="mailto:d@jsdelivr.com">d@jsdelivr.com</a></li></ul></div></div> <div class="row list-second"><div class="col-sm-12"><div class="title-convert op-64">Convert from:</div> <ul><li><a href="/github">GitHub</a></li> <li><a href="/google">Google Hosted Libraries</a></li> <li><a href="/rawgit">RawGit</a></li> <li><a href="/unpkg">unpkg</a></li></ul></div></div></div> <div class="footer-separator"></div> <div class="footer-blog-links"><div class="footer-blog-links_title op-64">From our Blog</div> <div class="footer-blog-links_block"></div></div></div></div></footer></div> <script id="ractive-data" type="text/plain">		{"type":"npm","name":"tom-select","actualPath":"/package/npm/tom-select","path":"dist/css","package":{"rev":"60-798be8934bd4a3e988753220711ab179","name":"tom-select","downloadsLast30Days":508600,"downloadsRatio":0.0002,"humanDownloadsLast30Days":"508.6k","jsDelivrHits":51185144,"popular":true,"version":"2.4.3","versions":{"1.0.0-b.1":"2020-09-18T23:46:45.492Z","1.0.0-b.2":"2020-09-22T15:31:48.271Z","1.0.0-b.3":"2020-09-28T16:55:43.297Z","1.0.0-rc.1":"2020-10-07T17:46:20.774Z","1.0.0-rc.2":"2020-11-02T22:40:51.519Z","1.0.0-rc.3":"2020-11-10T03:38:38.890Z","1.0.0":"2020-11-16T18:14:46.086Z","1.1.0":"2020-12-10T22:14:56.741Z","1.1.1":"2021-01-25T20:58:27.053Z","1.1.2":"2021-02-12T15:53:46.339Z","1.1.3":"2021-02-18T05:49:45.649Z","1.2.1":"2021-02-23T05:14:21.501Z","1.2.2":"2021-02-25T23:14:54.363Z","1.3.0":"2021-03-09T19:37:02.369Z","1.4.0":"2021-03-22T05:34:00.014Z","1.4.1":"2021-03-23T23:32:52.826Z","1.4.2":"2021-03-25T19:01:06.700Z","1.4.3":"2021-03-25T21:45:17.464Z","1.5.0":"2021-04-21T00:36:14.099Z","1.6.0":"2021-04-24T03:03:34.897Z","1.6.1":"2021-04-28T02:58:09.288Z","1.6.2":"2021-05-08T18:44:05.409Z","1.6.3":"2021-05-10T20:42:21.095Z","1.7.0":"2021-05-13T16:15:34.208Z","1.7.1":"2021-05-18T21:42:48.635Z","1.7.2":"2021-05-21T14:29:39.451Z","1.7.3":"2021-05-28T19:59:37.619Z","1.7.4":"2021-06-03T01:29:50.700Z","1.7.5":"2021-06-08T02:24:24.161Z","1.7.6":"2021-07-04T14:11:01.754Z","2.0.0-Beta.1":"2021-07-15T23:57:10.319Z","1.7.7":"2021-07-17T18:57:01.750Z","2.0.0-Beta.2":"2021-08-01T16:36:50.579Z","1.7.8":"2021-08-15T20:23:07.765Z","2.0.0-Beta.3":"2021-08-15T20:27:43.404Z","2.0.0-rc.1":"2021-08-21T17:08:28.084Z","2.0.0-rc.2":"2021-08-24T23:55:24.028Z","2.0.0-rc.3":"2021-09-09T01:34:11.450Z","2.0.0-rc.4":"2021-09-25T17:08:05.289Z","2.0.0-rc.5":"2021-11-06T16:08:45.728Z","2.0.0":"2021-11-30T19:18:49.696Z","2.0.1":"2022-03-01T19:48:08.844Z","2.0.2":"2022-05-09T01:57:06.697Z","2.0.3":"2022-05-19T16:30:08.201Z","2.1.0":"2022-07-07T14:57:26.438Z","2.2.0":"2022-09-23T16:25:34.575Z","2.2.1":"2022-09-27T15:01:10.360Z","2.2.2":"2022-10-12T16:10:39.227Z","2.2.3":"2023-10-19T19:05:11.651Z","2.3.0":"2023-10-26T23:27:19.019Z","2.3.1":"2023-11-03T02:35:06.700Z","2.4.0":"2024-11-15T17:54:55.999Z","2.4.1":"2024-11-19T19:19:45.413Z","2.4.2":"2025-01-28T19:29:52.949Z","2.4.3":"2025-02-12T17:10:10.493Z"},"tags":{"beta":"2.0.0-Beta.1","latest":"2.4.3"},"description":"Tom Select is a versatile and dynamic &lt;select&gt; UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it&#39;s useful for tagging, contact lists, country selectors, etc.","dependencies":{"@orchidjs/sifter":"^1.1.0","@orchidjs/unicode-variants":"^1.1.2"},"devDependencies":{"@11ty/eleventy":"^3.0.0","@11ty/eleventy-plugin-syntaxhighlight":"^5.0.0","@arethetypeswrong/cli":"^0.17.0","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","@babel/preset-typescript":"^7.26.0","@lodder/grunt-postcss":"^3.1.1","@popperjs/core":"^2.11.8","@rollup/plugin-alias":"^5.1.1","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.3.0","@rollup/plugin-terser":"^0.4.4","autoprefixer":"^10.4.20","bootstrap":"npm:bootstrap@4","bootstrap-sass":"^3.4.3","bootstrap5":"npm:bootstrap@^5.3.3","broken-link-checker":"^0.7.8","chai":"^4.5.0","cssnano":"^7.0.6","grunt":"^1.6.1","grunt-cli":"^1.5.0","grunt-contrib-clean":"^2.0.1","grunt-contrib-connect":"^5.0.1","grunt-contrib-copy":"^1.0.0","grunt-contrib-watch":"^1.1.0","grunt-replace":"^2.0.2","grunt-sass":"^3.1.0","grunt-shell":"^4.0.0","husky":"^9.1.6","icon-blender":"^1.0.0-beta.4","jsdom":"^25.0.1","karma":"^6.4.4","karma-browserstack-launcher":"^1.6.0","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.2.0","karma-coverage":"^2.2.1","karma-coveralls":"^2.1.0","karma-firefox-launcher":"^2.1.3","karma-mocha":"^2.0.1","karma-mocha-reporter":"^2.2.5","karma-safari-launcher":"^1.0.0","karma-sourcemap-loader":"^0.4.0","load-grunt-tasks":"^5.1.0","mocha":"^11.0.1","postcss":"^8.4.49","puppeteer":"^24.1.1","rollup":"^4.27.2","rollup-plugin-insert":"^1.3.2","sass":"^1.81.0","stylelint":"^16.10.0","stylelint-config-prettier-scss":"^1.0.0","stylelint-config-standard":"^36.0.1","stylelint-config-standard-scss":"^14.0.0","syn":"^0.15.0","tslib":"^2.8.1","typescript":"^5.7.2"},"originalAuthor":{"name":"Josh Schmidt","url":"https://github.com/oyejorge"},"repository":{"type":"git","url":"https://github.com/orchidjs/tom-select","project":"tom-select","user":"orchidjs","host":"github.com","path":"","head":"2efbaab0abac19532bd38900f13b99762df601b4","branch":"2efbaab0abac19532bd38900f13b99762df601b4"},"githubRepo":{"user":"orchidjs","project":"tom-select","path":"","head":"2efbaab0abac19532bd38900f13b99762df601b4"},"gitHead":"2efbaab0abac19532bd38900f13b99762df601b4","readme":" ","owner":{"name":"orchidjs","avatar":"https://github.com/orchidjs.png","link":"https://github.com/orchidjs"},"deprecated":false,"isDeprecated":false,"deprecatedReason":null,"isSecurityHeld":false,"homepage":"https://tom-select.js.org","license":"Apache-2.0","keywords":["select","ui","form","input","control","autocomplete","tagging","tag"],"computedKeywords":[],"computedMetadata":{},"created":1600472805281,"modified":1739380210662,"lastPublisher":{"name":"nwalters512","email":"nwalters512@gmail.com","avatar":"https://gravatar.com/avatar/d647f94ee8035467bb2b954e90d94684","link":"https://www.npmjs.com/~nwalters512"},"owners":[{"name":"oyejorge","email":"oyejorge@gmail.com","avatar":"https://gravatar.com/avatar/e7543d3dd3490c9164b8a0a730aa8607","link":"https://www.npmjs.com/~oyejorge"},{"name":"nwalters512","email":"nwalters512@gmail.com","avatar":"https://gravatar.com/avatar/d647f94ee8035467bb2b954e90d94684","link":"https://www.npmjs.com/~nwalters512"}],"bin":{},"humanDependents":"0","dependents":0,"types":{"ts":"included"},"moduleTypes":["esm","cjs"],"styleTypes":["css","scss"],"changelogFilename":null,"lastCrawl":"2025-02-12T20:07:10.158Z","_revision":1739390830159,"_searchInternal":{"alternativeNames":["tomselect","tom select","tom-select.js","tom-selectjs","tom-select"],"popularAlternativeNames":["tomselect","tom select","tom-select.js","tom-selectjs","tom-select"]},"_downloadsMagnitude":6,"_jsDelivrPopularity":5,"_popularName":"tom-select","objectID":"tom-select"},"description":"A free, fast, and reliable CDN for tom-select. Tom Select is a versatile and dynamic &lt;select&gt; UI control. Forked from Selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation, it&#39;s useful for tagging, contact lists, country selectors, etc."}
	</script> <script id="ractive-shared" type="text/plain">		{"serverHost":"https://www.jsdelivr.com","assetsHost":"/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5","apiDocsHost":"https://data.jsdelivr.com","assetsVersion":"c8cd6195c9319e6d27e4bd5f532f0369414ce0c5"}
	</script> <script src="https://cdn.jsdelivr.net/npm/ractive@1.4.0/runtime.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/ractive-route@0.3.11/ractive-route.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/ractive-decorators-sortable@0.2.1/Ractive-decorators-sortable.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/ractive-transitions-fly@0.3.0/dist/ractive-transitions-fly.umd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/ractive-transitions-slide@0.4.0/dist/ractive-transitions-slide.umd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.3/dist/jquery.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/algoliasearch@3.35.1/dist/algoliasearchLite.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/input-autogrow@1.1.1/dist/input-autogrow.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/autocomplete.js@0.38.1/dist/autocomplete.jquery.min.js"></script>  <script src="/assets/c8cd6195c9319e6d27e4bd5f532f0369414ce0c5/js/app.js?v=c8cd6195c9319e6d27e4bd5f532f0369414ce0c5"></script> <script src="https://datum.jsdelivr.com/js/script.js" data-domain="jsdelivr.com" defer></script></body></html>