1. Select2

यह एक jQuery-आधारित विकल्प है जो चयन बक्सों के लिए है, जो खोजने, टैगिंग, रिमोट डेटा सेट, अनंत स्क्रॉलिंग, और कई अन्य अत्यधिक उपयोग किए जाने वाले विकल्पों का समर्थन करता है।

फ्रेमवर्क समर्थन:

  • React: react-select2-wrapper जैसे रैपर के माध्यम से अप्रत्यक्ष समर्थन।
  • Angular: निर्देशों या तीसरे पक्ष के रैपर के माध्यम से एकीकरण संभव।
  • Vue.js: vue-select2 जैसे रैपर उपलब्ध हैं।

गिटहब सितारे: 26,000+

NPM साप्ताहिक डाउनलोड: ~597,343

बंडल आकार: लगभग 27 KB (मिनिफाइड)

पहला रिलीज: मार्च 2012

नवीनतम रिलीज: 28 जनवरी, 2020 (v4.0.13)

वेबसाइट: https://select2.org

गिटहब: https://github.com/select2/select2

लाइव डेमो:

Select2 के साथ एक खोजने योग्य, समूहित समय क्षेत्र चयनकर्ता

2. Choices.js

Choices.js एक हल्का, निर्भरता-मुक्त JavaScript पुस्तकालय है जो अनुकूलन योग्य, मल्टी-सेलेक्ट ड्रॉपडाउन, टैग इनपुट, और ऑटो-कंप्लीट फ़ील्ड बनाने के लिए है। यह महान लचीलापन, आधुनिक स्टाइलिंग, और पहुंच प्रदान करता है, जिससे यह jQuery पर निर्भर किए बिना फ़ॉर्म को बढ़ाने के लिए एकदम सही है।

फ्रेमवर्क समर्थन:

  • React: कस्टम रैपर के साथ एकीकृत किया जा सकता है।
  • Angular: निर्देशों के माध्यम से एकीकरण संभव।
  • Vue.js: कस्टम घटकों के साथ एकीकृत किया जा सकता है।

गिटहब सितारे: 6,400+

NPM साप्ताहिक डाउनलोड: ~179,897

बंडल आकार: लगभग 78 KB (मिनिफाइड)

पहला रिलीज: अक्टूबर 2016

नवीनतम रिलीज: फरवरी 2025 (v11.0.6)

वेबसाइट: https://choices-js.github.io/Choices

गिटहब: https://github.com/Choices-js/Choices

लाइव डेमो:

Choices.js के साथ एक खोजने योग्य, समूहित समय क्षेत्र चयनकर्ता

3. Tom Select

Tom Select एक हल्का, फीचर-समृद्ध JavaScript पुस्तकालय है जो अनुकूलन योग्य चयन बक्सों, ऑटो-कंप्लीट इनपुट, और टैग इनपुट बनाने के लिए है। यह रिमोट डेटा लोडिंग, कीबोर्ड नेविगेशन, और मल्टी-सेलेक्ट का समर्थन करता है, जिससे यह Select2 का एक बेहतरीन विकल्प बनता है जिसमें आधुनिक, निर्भरता-मुक्त डिज़ाइन है।

फ्रेमवर्क समर्थन:

  • React: आधिकारिक React रैपर उपलब्ध है।
  • Angular: कस्टम निर्देशों के माध्यम से एकीकरण संभव।
  • Vue.js: आधिकारिक Vue रैपर उपलब्ध है।

गिटहब सितारे: 1,800+

NPM साप्ताहिक डाउनलोड: ~91,842

बंडल आकार: लगभग 53 KB (मिनिफाइड)

पहला रिलीज: नवंबर 2020

नवीनतम रिलीज: फरवरी 2025 (v2.4.3)

वेबसाइट: https://tom-select.js.org/

गिटहब: https://github.com/orchidjs/tom-select

लाइव डेमो:

Tom Select के साथ एक खोजने योग्य, समूहित समय क्षेत्र चयनकर्ता

4. React Select

React-Select एक खूबसूरत, लचीला और अत्यधिक अनुकूलन योग्य ड्रॉपडाउन पुस्तकालय है जो React के लिए है। यह खोजने योग्य, असिंक्रोनस, मल्टी-सेलेक्ट, और समूहित विकल्पों का समर्थन करता है, जिससे यह बड़े डेटा सेट को संभालने के लिए एकदम सही है। इसमें अंतर्निहित पहुंच और थीमिंग है, जो इसे आधुनिक React अनुप्रयोगों के लिए एक पसंदीदा विकल्प बनाता है।

फ्रेमवर्क समर्थन:

  • React: विशेष रूप से React अनुप्रयोगों के लिए डिज़ाइन किया गया।

गिटहब सितारे: 27,900+

NPM साप्ताहिक डाउनलोड: ~4,328,556

पहला रिलीज: नवंबर 2020

नवीनतम रिलीज: जुलाई 2018 (react-select@5.10.1)

वेबसाइट: https://react-select.com

गिटहब: https://github.com/JedWatson/react-select

लाइव डेमो:

React Select के साथ एक खोजने योग्य, समूहित समय क्षेत्र चयनकर्ता

5. Downshift

Downshift एक हल्का, हेडलेस ड्रॉपडाउन और ऑटो-कंप्लीट पुस्तकालय है जो React के लिए है। यह चयन बक्सों, ऑटो-कंप्लीट इनपुट, और कॉम्बोबॉक्स बनाने के लिए लचीले, सुलभ, और अनुकूलन योग्य घटक प्रदान करता है बिना किसी स्टाइल को लागू किए। यह उन डेवलपर्स के लिए एकदम सही है जो UI पर पूर्ण नियंत्रण चाहते हैं जबकि WAI-ARIA पहुंच सुनिश्चित करते हैं।

फ्रेमवर्क समर्थन:

  • React: विशेष रूप से React अनुप्रयोगों के लिए डिज़ाइन किया गया।

गिटहब सितारे: 12,200+

NPM साप्ताहिक डाउनलोड: ~1,335,528

पहला रिलीज: अगस्त 2017

नवीनतम रिलीज: अगस्त 2024 (v9.0.8)

वेबसाइट: https://www.downshift-js.com

गिटहब: https://github.com/downshift-js/downshift

लाइव डेमो: