होम पर वापस जाएँ

वेब एप्लिकेशन · 2026 · 8 visuals

एलिमेंटा — आवर्त सारणी एक्सप्लोरर

एलिमेंटा एक इंटरैक्टिव आवर्त सारणी एक्सप्लोरर है जो SolidJS और SolidStart पर बनाया गया है। इसमें हाइड्रोजन से लेकर उनुनैनियम तक के सभी 119 तत्व शामिल हैं, जो एक ही संरचित डेटासेट पर आधारित है जो हर व्यू को पावर देता है। मुख्य स्क्रीन क्लासिक आवर्त सारणी लेआउट को ग्रुप और पीरियड लेबल के साथ प्रदर्शित करती है, साथ ही लैंथेनाइड और एक्टिनाइड बैंड भी, जो तत्व की श्रेणी के अनुसार रंग-कोडित होते हैं। उपयोगकर्ता नाम, प्रतीक, परमाणु क्रमांक, श्रेणी, अवस्था या ब्लॉक द्वारा खोज सकते हैं, या श्रेणी, ब्लॉक, अवस्था, पीरियड और ग्रुप के फ़िल्टर से तालिका को सीमित कर सकते हैं। एक्सप्लोर मोड पूरी तालिका को एक ही आयाम — ब्लॉक, अवस्था, श्रेणी, पीरियड या ग्रुप — में घटा देता है ताकि पैटर्न एक नज़र में दिखें। किसी तत्व पर क्लिक करने से एक डिटेल पैनल खुलता है जिसमें भौतिक और परमाणु गुण, इलेक्ट्रॉन विन्यास, शेल आरेख, लेज़ी-लोडेड इंटरैक्टिव 3D परमाणु मॉडल और खोज का इतिहास शामिल है। तीन तत्वों तक की तुलना 17 गुणों के साथ एक समर्पित मोडल में साथ-साथ की जा सकती है। चयन और तुलना की स्थिति URL में मिरर होती है, इसलिए किसी भी व्यू को साझा किया जा सकता है और रीफ्रेश के बाद भी बना रहता है। इंटरफ़ेस डार्क और लाइट थीम, आठ भाषाएँ और कीबोर्ड-फ्रेंडली ARIA लैंडमार्क के साथ आता है।

लाइव डेमोSolidJSSolidStartTypeScriptTailwind CSS

Overview

एलिमेंटा एक इंटरैक्टिव आवर्त सारणी एक्सप्लोरर है जो SolidJS और SolidStart पर बनाया गया है। इसमें हाइड्रोजन से लेकर उनुनैनियम तक के सभी 119 तत्व शामिल हैं, जो एक ही संरचित डेटासेट पर आधारित है जो हर व्यू को पावर देता है। मुख्य स्क्रीन क्लासिक आवर्त सारणी लेआउट को ग्रुप और पीरियड लेबल के साथ प्रदर्शित करती है, साथ ही लैंथेनाइड और एक्टिनाइड बैंड भी, जो तत्व की श्रेणी के अनुसार रंग-कोडित होते हैं। उपयोगकर्ता नाम, प्रतीक, परमाणु क्रमांक, श्रेणी, अवस्था या ब्लॉक द्वारा खोज सकते हैं, या श्रेणी, ब्लॉक, अवस्था, पीरियड और ग्रुप के फ़िल्टर से तालिका को सीमित कर सकते हैं। एक्सप्लोर मोड पूरी तालिका को एक ही आयाम — ब्लॉक, अवस्था, श्रेणी, पीरियड या ग्रुप — में घटा देता है ताकि पैटर्न एक नज़र में दिखें। किसी तत्व पर क्लिक करने से एक डिटेल पैनल खुलता है जिसमें भौतिक और परमाणु गुण, इलेक्ट्रॉन विन्यास, शेल आरेख, लेज़ी-लोडेड इंटरैक्टिव 3D परमाणु मॉडल और खोज का इतिहास शामिल है। तीन तत्वों तक की तुलना 17 गुणों के साथ एक समर्पित मोडल में साथ-साथ की जा सकती है। चयन और तुलना की स्थिति URL में मिरर होती है, इसलिए किसी भी व्यू को साझा किया जा सकता है और रीफ्रेश के बाद भी बना रहता है। इंटरफ़ेस डार्क और लाइट थीम, आठ भाषाएँ और कीबोर्ड-फ्रेंडली ARIA लैंडमार्क के साथ आता है।

तकनीकी स्टैक

SolidJS
SolidStart
TypeScript
Tailwind CSS
Vitest

उपयोगकर्ता समीक्षाएं

अभी तक कोई समीक्षा नहीं।

अब्दुल्ला अहमद | फ़ुल स्टैक डेवलपर