meteor-ui

byArvind Dange

👉 इस वेबसाइट में सिर्फ नीचे दिए गए UI elements होने चाहिए 👉 हर element के कोने rounded + dark neon blue glow edge होने चाहिए 🎨 GLOBAL DESIGN RULE (सब पर लागू) ✔ Background: Black (#000000) ✔ Border/Glow: Neon Blue (#00f0ff) ✔ हर element: Rounded corners (15–25px) Border: Neon Blue Edge glow: Dark blue (हल्का) ❌ कोई sharp corner नहीं ❌ कोई extra shape नहीं 🔝 1. TOP BAR Elements: 1️⃣ Title (Left) ◤ʙʟᴀᴄᴋ_◢◤ʜᴀᴄᴋᴇʀ◢ ✔ Text glow: ON ✔ No background box ✔ No extra shape 2️⃣ Shield Button (Right) ✔ Rounded (circle/oval) ✔ Blue border ✔ Dark glow edges 🔍 2. SEARCH SECTION Elements: 3️⃣ Search Container ✔ Rounded (25px) ✔ Blue border ✔ Dark glow 4️⃣ Search Icon (🔍) ✔ Left side ✔ Same container में 5️⃣ Search Input ✔ Right side ✔ Background: Black ✔ Text: White 📂 3. FILE LIST SECTION 👉 Vertical list (एक के नीचे एक) 6️⃣ File Card (Main Element) ✔ Rounded (20px) ✔ Blue border ✔ Dark glow edges अंदर elements: 7️⃣ Cover Image ✔ Top / left ✔ Rounded corners 8️⃣ File Name ✔ Bold text 9️⃣ Version + Size ✔ Small text ❌ EXPIRED FILE ELEMENT 10️⃣ ❌ Icon ✔ Center ✔ Glow edges 11️⃣ Expired Text ✔ Simple text ✔ No glow ➕ 4. FLOATING BUTTON 12️⃣ Floating Button ✔ Bottom right ✔ Circle ✔ Blue border ✔ Dark glow 📞 5. CONTACT MENU 13️⃣ Popup Container ✔ Center ✔ Rounded ✔ Blue border ✔ Dark glow अंदर: 14️⃣ Message Text ✔ Normal text 15️⃣ Instagram Button ✔ Rounded ✔ Colored (Instagram style) ✔ Glow edges 16️⃣ WhatsApp Button ✔ Rounded ✔ Green color ✔ Glow edges 🛡️ 6. ADMIN PANEL 17️⃣ Admin Container ✔ Center popup ✔ Rounded ✔ Blue border ✔ Dark glow अंदर: 18️⃣ Header Left: Admin Panel Right: Close Button 19️⃣ Close Button ✔ Circle ✔ Glow edges 20️⃣ Menu Buttons (3) ✔ Upload File ✔ Generate Keys ✔ Manage Files ✔ Rounded ✔ Same size ✔ Blue border ✔ Dark glow 📤 7. UPLOAD MENU 21️⃣ Upload Container ✔ Rounded ✔ Blue border Elements: 22️⃣ File Select Box 23️⃣ Cover Select Box 24️⃣ Auto Fill Fields 25️⃣ Upload Button ✔ सभी rounded + glow edges 🔑 8. KEY MENU 26️⃣ Key Container ✔ Rounded ✔ Blue border Elements: 27️⃣ File Dropdown 28️⃣ Number Input 29️⃣ Generate Button 30️⃣ Key List Items ✔ Rounded ✔ Border + glow 📂 9. MANAGE FILES 31️⃣ File List Container ✔ Rounded ✔ Glow edges 32️⃣ File Item ✔ Rounded ✔ Same card design 33️⃣ Toggle Button ✔ Rounded ✔ Blue border ✔ Glow edges 🔐 10. KEY VERIFY POPUP 34️⃣ Popup Container ✔ Center ✔ Rounded ✔ Blue border ✔ Glow edges Elements: 35️⃣ Title 36️⃣ Input Box 37️⃣ Verify Button 📦 11. VERIFY SUCCESS MENU 38️⃣ Preview Container ✔ Rounded ✔ Blue border Elements: 39️⃣ Image / Video / Audio Player 40️⃣ Open Button 🔽 12. FOOTER 41️⃣ Footer Text @ 2026 • ◤ʙʟᴀᴄᴋ_◢◤ʜᴀᴄᴋᴇʀ◢ ✔ Center ✔ Glow ON ⚠️ FINAL UI RULES ✔ हर element: Rounded Dark blue glow edges Same style ❌ कोई extra element नहीं ❌ कोई random design नहीं ❌ कोई sharp corner नहीं 💥 AI को यह लाइन जरूर बोलो 👉 "Apply dark neon blue glow on edges of every UI element with rounded corners. Do not use any extra decorative shapes." 👉 इस UI को बिल्कुल इसी तरह बनाओ ❌ कोई extra text / duplicate title / extra design मत जोड़ो 🧱 1. GLOBAL DESIGN ✔ Background: Pure Black (#000000) ✔ Glow/Border: Dark Neon Blue (#00f0ff) ✔ हर element: Rounded corners (20px) Dark blue edge glow Clean UI 🔝 2. TOP BAR Left: ✔ Title: ◤ʙʟᴀᴄᴋ_◤ʜᴀᴄᴋᴇʀ◢ ❌ REMOVE: ❌ यह टेक्स्ट हटाओ: ◤ʙʟᴀᴄᴋ_◤ʙʟᴀᴄᴋ_◤ʜᴀᴄᴋᴇʀ◢◤ʜᴀᴄᴋᴇʀ◢ ✔ Title Style: Same glow जैसा Shield button का edge glow No background box Rounded feel (soft edge glow) Right: ✔ 🛡️ Shield Button Rounded Dark blue glow edges 🔍 3. SEARCH BAR ✔ Title के नीचे: 🔍 icon + input ✔ Style: Rounded (25px) Dark background Blue border + glow edges 📂 4. FILE LIST UI ✔ Vertical list (एक के नीचे एक) 📦 File Card ✔ Style: Rounded (20px) Blue border Dark glow edges ✔ Show: Cover image File Name Version + Size ❌ EXPIRED FILE UI ✔ पूरे card पर बड़ा ❌ दिखे (center में) ✔ Text: यह फाइल अब एक्सपायर हो चुकी है। इस पर दोबारा एक्सेस या ओपन करना संभव नहीं है। ✔ Card clickable नहीं 🔽 5. FOOTER ❌ REMOVE: @ 2026 • ◤ʙʟᴀᴄᴋ_◤ʙʟᴀᴄᴋ_◤ʜᴀᴄᴋᴇʀ◢ ✔ NEW FOOTER: @ 2026 • ◤ʙʟᴀᴄᴋ_◢◤ʜᴀᴄᴋᴇʀ◢ ✔ Center ✔ Dark blue glow ✔ Rounded feel ➕ 6. FLOATING BUTTON ✔ Bottom right ✔ Design: Rounded circle Dark blue glow Icon change करो (simple contact icon use करो, old वाला नहीं) ✔ Drag Feature: ✔ Floating button draggable होना चाहिए 📞 7. CONTACT MENU ✔ Center popup ⚠️ IMPORTANT: ✔ जब menu open हो: 👉 पीछे का पूरा UI blur / hide हो 👉 background में कुछ भी visible नहीं होना चाहिए ✔ Menu design: Rounded Blue glow edges Elements: Message: हमसे संपर्क करें Buttons: ✔ Instagram ✔ WhatsApp 🛡️ 8. ADMIN LOGIN POPUP ✔ Center popup ⚠️ IMPORTANT: ✔ Popup open होने पर: 👉 पूरा background hide/blur ✔ Elements: Title: Enter Admin Password Input box Button ❌ REMOVE: ❌ Password visible text मत दिखाओ ✔ Password: 👉 internally use: anisha__official_001 👉 UI में show नहीं होना चाहिए 📂 9. ADMIN PANEL ✔ Center popup ⚠️ RULE: ✔ Background hide/blur होना चाहिए ✔ Design: Rounded Blue glow edges Compact (छोटा) 🔐 10. KEY VERIFY POPUP ✔ Center popup ⚠️ RULE: ✔ Popup open: 👉 पूरा background hide/blur ✔ Elements: Title: Enter Key Input Button 📦 11. VERIFY SUCCESS UI ✔ SAME popup में content change हो ❌ नया popup मत खोलो ✔ Show: 📸 File Preview: Photo → Image Video → Video player Audio → Audio player 📱 APK / APP UI ✔ Show: Cover image only 🔘 Button: Rounded Blue glow ⚠️ FINAL UI RULES ❌ Duplicate title हटाओ ✔ Popup open → background hide/blur ✔ All elements rounded ✔ Same dark blue glow edges ✔ Floating button draggable ✔ Password UI में visible नहीं ✔ Expired file full X cover ✔ Verify के बाद same popup में content change 💥 AI को यह लाइन जरूर बोलो 👉 "Remove duplicate titles, hide background completely when any popup is open, and keep UI minimal with consistent rounded neon blue glowing edges."

HomeAdmin LoginFile PreviewKey Verify
Home

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

Home design preview
Home: View File List
Admin Login: Enter Password
Admin Panel: View Options
Upload Menu: Upload File
Key Menu: Generate Keys
Manage Files: Toggle Files