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

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

म्यूज़िफ़ाई — विज़ुअल म्यूज़िक यूनिवर्स

म्यूज़िफ़ाई एक संगीत खोज वेब एप्लिकेशन है जो एक ही विचार पर बनाया गया है: संगीत खोजना ऐसा लगना चाहिए जैसे आप उस संगीत के अंदर कदम रख रहे हों। जब आप कोई गाना, कलाकार या एल्बम खोजते हैं, तो एक रीयल-टाइम थीम इंजन पूरे अनुभव को नया रूप देता है — टाइपोग्राफी, रंग पैलेट, बनावट और मोशन — ट्रैक की शैली, रिलीज़ दशक और मनोदशा के अनुसार। इंजन 15 शैलियों, आठ दशकों और 13 मनोदशाओं को अलग-अलग विज़ुअल प्रोफ़ाइल से जोड़ता है, ताकि एक जैज़ धुन, 1980 के दशक का सिंथ-पॉप हिट और एक उदास आधुनिक बैलेड — हर एक अपना सिनेमाई वातावरण प्रस्तुत करे। खोज iTunes Search API और MusicBrainz को एक बंडल डेमो कैटलॉग के साथ विलीन करती है, डुप्लिकेट हटाती है, और परिणामों को विश्वसनीयता के आधार पर क्रमबद्ध करती है — बाहरी APIs उपलब्ध न होने पर सहजता से पूर्ण ऑफ़लाइन मोड में चली जाती है। होम पेज क्लाइंट-साइड जियो डिटेक्शन के साथ Apple Music से लिया गया क्षेत्र-आधारित Trending Now चार्ट दिखाता है, जबकि ट्रैक पेज एल्बम आर्टवर्क, मेटाडेटा, और Spotify, Apple Music, YouTube, Deezer, Anghami, SoundCloud, MusicBrainz, Wikipedia और Genius पर स्ट्रीमिंग लिंक — साथ ही lrclib के माध्यम से सिंक्रनाइज़ किए गए बोल और एक iTunes ऑडियो प्रीव्यू प्रदर्शित करते हैं। पसंदीदा पूरी तरह से ब्राउज़र में सहेजे जाते हैं, बिना किसी खाते के। हर गाने, शैली, युग और मनोदशा के लिए सर्वर-साइड डायनामिक Open Graph इमेज उत्पन्न होती हैं, साथ ही एक पूर्ण साइटमैप और robots नियम। Next.js 16 App Router, React 19, TypeScript, Tailwind CSS v4 और Motion के साथ निर्मित, यह साइट रिस्पॉन्सिव, एक्सेसिबल है और अपने डेमो कैटलॉग के माध्यम से पूरी तरह ऑफ़लाइन काम करती है।

लाइव डेमोNext.jsReactTypeScriptTailwind CSS

Overview

म्यूज़िफ़ाई एक संगीत खोज वेब एप्लिकेशन है जो एक ही विचार पर बनाया गया है: संगीत खोजना ऐसा लगना चाहिए जैसे आप उस संगीत के अंदर कदम रख रहे हों। जब आप कोई गाना, कलाकार या एल्बम खोजते हैं, तो एक रीयल-टाइम थीम इंजन पूरे अनुभव को नया रूप देता है — टाइपोग्राफी, रंग पैलेट, बनावट और मोशन — ट्रैक की शैली, रिलीज़ दशक और मनोदशा के अनुसार। इंजन 15 शैलियों, आठ दशकों और 13 मनोदशाओं को अलग-अलग विज़ुअल प्रोफ़ाइल से जोड़ता है, ताकि एक जैज़ धुन, 1980 के दशक का सिंथ-पॉप हिट और एक उदास आधुनिक बैलेड — हर एक अपना सिनेमाई वातावरण प्रस्तुत करे। खोज iTunes Search API और MusicBrainz को एक बंडल डेमो कैटलॉग के साथ विलीन करती है, डुप्लिकेट हटाती है, और परिणामों को विश्वसनीयता के आधार पर क्रमबद्ध करती है — बाहरी APIs उपलब्ध न होने पर सहजता से पूर्ण ऑफ़लाइन मोड में चली जाती है। होम पेज क्लाइंट-साइड जियो डिटेक्शन के साथ Apple Music से लिया गया क्षेत्र-आधारित Trending Now चार्ट दिखाता है, जबकि ट्रैक पेज एल्बम आर्टवर्क, मेटाडेटा, और Spotify, Apple Music, YouTube, Deezer, Anghami, SoundCloud, MusicBrainz, Wikipedia और Genius पर स्ट्रीमिंग लिंक — साथ ही lrclib के माध्यम से सिंक्रनाइज़ किए गए बोल और एक iTunes ऑडियो प्रीव्यू प्रदर्शित करते हैं। पसंदीदा पूरी तरह से ब्राउज़र में सहेजे जाते हैं, बिना किसी खाते के। हर गाने, शैली, युग और मनोदशा के लिए सर्वर-साइड डायनामिक Open Graph इमेज उत्पन्न होती हैं, साथ ही एक पूर्ण साइटमैप और robots नियम। Next.js 16 App Router, React 19, TypeScript, Tailwind CSS v4 और Motion के साथ निर्मित, यह साइट रिस्पॉन्सिव, एक्सेसिबल है और अपने डेमो कैटलॉग के माध्यम से पूरी तरह ऑफ़लाइन काम करती है।

तकनीकी स्टैक

Next.js
React
TypeScript
Tailwind CSS
Motion
iTunes Search API
MusicBrainz
Bun
lrclib

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

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

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