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

Numl वेब कंपोनेंट्स पर आधारित एक एटॉमिक UI फ्रेमवर्क है जिसमें रनटाइम CSS जनरेशन की सुविधा है, जिसका उद्देश्य डिज़ाइन सिस्टम का पालन करने वाले इंटरफेस को तेज़ी से बनाना है। README में स्पष्ट रूप से उल्लेख है कि यह प्रोजेक्ट अब पुराना (deprecated) हो चुका है और इसका रखरखाव नहीं किया जा रहा है; इसके उत्तराधिकारी के रूप में tasty (React के लिए एक CSS-in-JS स्टाइलिंग सिस्टम और DSL) और glaze (WCAG कंट्रास्ट समाधान के साथ एक OKHSL कलर थीम जनरेटर) का सुझाव दिया गया है। यह क्या प्रदान करता है: एक UI डिज़ाइन लैंग्वेज, तैयार और सुलभ (accessible) वेब कंपोनेंट्स की एक लाइब्रेरी, और एक रनटाइम CSS फ्रेमवर्क। README के अनुसार, किसी पेज में एक JavaScript मॉड्यूल जोड़ना पर्याप्त है, जिसमें किसी बंडलर और कॉन्फ़िगरेशन की आवश्यकता नहीं होती, जिसके बाद nu-btn जैसे तत्वों का उपयोग सीधे मार्कअप में किया जा सकता है। इंस्टॉलेशन और उपयोग: README jsDelivr से ES मॉड्यूल बिल्ड लोड करने और फिर साधारण HTML में तत्वों को लिखने का तरीका दिखाता है। अन्य इंस्टॉलेशन विधियाँ हैंडबुक में दस्तावेज़ित हैं। बताई गई विशेषताएं: रिस्पॉन्सिव इंटरफेस के लिए मार्कअप और कस्टमाइज़ेबल एक्सेसिबल तत्वों का एक ऑल-इन-वन दृष्टिकोण; एक कलर जनरेशन सिस्टम और styles-to-state बाइंडिंग्स जो साधारण CSS की तुलना में स्टाइल घोषणाओं को कम कर सकते हैं; स्वचालित डार्क स्कीम और हाई कंट्रास्ट मोड; कस्टम प्रॉपर्टीज़ के रूप में एक्सपोज़ किए गए डिज़ाइन टोकन; वैश्विक स्तर पर, कॉन्टेक्स्ट में या सीधे किसी तत्व पर कस्टमाइज़ेशन; कस्टम तत्व, स्टाइल एट्रिब्यूट्स, व्यवहार, डिज़ाइन टोकन और कस्टम यूनिट्स जोड़ने की क्षमता; और Vue, Angular, React और Svelte जैसे फ्रेमवर्क के साथ संगतता, जिसमें SSG के साथ उपयोग भी शामिल है। दस्तावेज़ीकरण और उदाहरण: README numl.design पर Storybook, Handbook, Reference और REPL की ओर इशारा करता है। सूचीबद्ध उदाहरणों में flex और grid प्लेग्राउंड, एक मार्कडाउन कन्वर्टर, एक before/after स्लाइडर और एक लॉगिन फॉर्म वैलिडेशन उदाहरण शामिल हैं। Numl से निर्मित प्रोजेक्ट्स में Cube.js UI Kit और कई Numl वेबसाइटें और स्टोरीबुक शामिल हैं। ब्राउज़र सपोर्ट: Edge, Chrome, Firefox, Safari, iOS Safari और Android के नवीनतम दो संस्करण। IE11 और प्री-क्रोमियम Edge स्पष्ट रूप से प्रोजेक्ट के दायरे से बाहर हैं। डेवलपमेंट कमांड्स: npm start प्लेग्राउंड चलाता है; npm run build लाइब्रेरी को dist में एक ES6 ट्री-शेकिंग फ्रेंडली मॉड्यूल के रूप में बिल्ड करता है; npm run dev सोर्स बदलावों पर रीबिल्ड करता है; npm run test टेस्ट चलाता है। यह प्रोजेक्ट MIT लाइसेंस के तहत है और all-contributors विनिर्देश का पालन करता है, और README योगदान के लिए आमंत्रित करता है और एक Discord समुदाय का लिंक देता है। रोडमैप सेक्शन में v2 style2state सिंटैक्स प्रस्ताव, एक React लाइब्रेरी, एक थीम जनरेटर, अधिक दस्तावेज़ीकरण और टेस्ट, और एक Figma UI किट जैसे आइटम शामिल हैं; चूंकि रिपॉजिटरी अब पुरानी (deprecated) हो चुकी है, इसलिए इन योजनाओं को ऐतिहासिक संदर्भ में देखा जाना चाहिए।