इस प्रोजेक्ट के बारे में

Flowbite एक open-source UI component library और front-end framework है जिसे Tailwind CSS के ऊपर बनाया गया है। इसका लक्ष्य Tailwind की utility classes का उपयोग करने वाले तैयार वेब घटकों (web components) का एक सेट प्रदान करके वेबसाइट विकास की गति को बढ़ाना है, ताकि डेवलपर्स हर तत्व को शुरू से लिखने के बजाय मौजूदा पैटर्न से इंटरफेस तैयार कर सकें। **Installation और उपयोग** इस लाइब्रेरी को npm (`npm install flowbite`) के माध्यम से मौजूदा Tailwind CSS प्रोजेक्ट में एक प्लगइन के रूप में जोड़ा जा सकता है। दस्तावेज़ में बताए गए सेटअप में मुख्य CSS फ़ाइल में Flowbite theme variables को इम्पोर्ट करना, प्लगइन को रजिस्टर करना, node_modules के अंदर सोर्स फ़ाइलों को कॉन्फ़िगर करना और बंडल किए गए JavaScript को लोड करना शामिल है जो interactive तत्वों को संचालित करता है। README में कई इन-बिल्ट थीम्स का उल्लेख है, जिनमें default, minimal, enterprise, playful और mono वेरिएंट शामिल हैं, जिनमें से प्रत्येक एक विशिष्ट वेब फ़ॉन्ट के साथ आता है। पेज पर minified CSS और JS को जल्दी से जोड़ने के लिए एक CDN रूट का भी वर्णन किया गया है। **Interaction मॉडल** Interactive components मुख्य रूप से एक data-attribute इंटरफेस द्वारा संचालित होते हैं: `data-modal-target` और `data-modal-toggle` जैसे attributes बिना किसी कस्टम स्क्रिप्टिंग के ट्रिगर तत्वों को घटकों से जोड़ते हैं, और अधिकांश दस्तावेज़ीकरण उदाहरण इसी रणनीति का पालन करते हैं। अधिक नियंत्रण के लिए, एक `initFlowbite()` फ़ंक्शन (या `initDropdowns` और `initModals` जैसे श्रेणी-वार हेल्पर्स) Vue और Nuxt जैसे frameworks को स्वयं event listeners रजिस्टर करने की अनुमति देता है। **Programmatic और typed APIs** यह पैकेज ESM और CJS दोनों का समर्थन करने वाले JavaScript classes के रूप में components को एक्सपोज़ करता है। उदाहरण के लिए, एक modal को placement, backdrop व्यवहार और `onShow`, `onHide` और `onToggle` जैसे callbacks के विकल्पों के साथ instantiate किया जा सकता है। TypeScript type declarations प्रदान किए गए हैं, जिनमें `ModalOptions` और `ModalInterface` जैसे interfaces शामिल हैं, ताकि option objects और instances को टाइप किया जा सके। **Component कैटलॉग** README में घटकों की एक विस्तृत श्रृंखला सूचीबद्ध है, जिनमें alerts, badges, breadcrumbs, buttons और button groups, cards, dropdowns, forms, list groups, typography, modals, tabs, navbars, pagination, timelines, progress bars, tables, toasts, tooltips, datepickers, spinners, footers, accordions, sidebars, carousels, avatars, ratings और विभिन्न form inputs (input field, file input, search input, select, textarea, checkbox, radio, toggle, range slider) शामिल हैं। **Framework और प्लेटफॉर्म सपोर्ट** Flowbite UI components में native RTL support है, जिसे `dir="rtl"` attribute के माध्यम से सक्षम किया जाता है। React, Vue, Svelte, Angular और Qwik के लिए समुदाय-रक्षित standalone libraries मौजूद हैं। Next.js, Remix, Nuxt, Astro, MeteorJS, Gatsby, SolidJS और Qwik जैसे frameworks के लिए, और Laravel, Symfony, Ruby on Rails 7, Phoenix (Elixir), Django और Flask सहित back-end frameworks के लिए एकीकरण गाइड भी लिंक किए गए हैं, क्योंकि यह लाइब्रेरी vanilla JavaScript पर निर्भर करती है। **संबंधित संसाधन** यह प्रोजेक्ट इसी इकोसिस्टम के अतिरिक्त संसाधनों की ओर संकेत करता है: एक Figma design system, पहले से बने "Flowbite Blocks" सेक्शन, एक icon set, और एक GPT assistant। open-source पैकेज के साथ एक व्यावसायिक Pro version भी पेश किया जाता है, और रिपॉजिटरी Discord और npm download/version badges जैसे सामुदायिक चैनलों से जुड़ी है। लाइसेंसिंग MIT बताई गई है।