AI Chat Interface

แชทบอท UI (ChatGPT Style) พร้อม code highlighting และ streaming text effect

🖥️ Live Preview จาก AI Model

📋 Prompt สำหรับ AI

Design a modern AI chat interface similar to ChatGPT. Include a sidebar for chat history, a main chat window with bubble messages, avatar icons, markdown support for code blocks with syntax highlighting, and a floating input area with send button. Use a clean dark mode theme.

💡 คัดลอก prompt นี้แล้ววางใน ChatGPT, Claude หรือ AI อื่น ๆ เพื่อสร้าง UI นี้ขึ้นมา

🔗 UI อื่น ๆ ในหมวดเดียวกัน

ปานกลาง

Modern Islamic Dashboard

แดชบอร์ดสไตล์โมเดิร์นที่ผสมผสานความเชื่อระดับจิตวิญญาณเข้ากับเทคโนโลยีสมัยใหม่ โทนสีเขียวเข้มตัดทอง

ขั้นสูง

iOS 26 Liquid Glass UI Kit

ชุด UI Kit ครบวงจรสไตล์ iOS 26 Liquid Glass — ดีไซน์กระจกฝ้าโปร่งแสง (Frosted Glass) บนพื้นหลังสว่างอบอุ่น ไม่ใช่ Sci-Fi มืดๆ แต่เป็นมหาวิหารกระจกสุดหรูลอยอยู่กลางแสง ครอบคลุมทุกคอมโพเนนต์: Dynamic Island, Nav Bar, Search, Metric Cards, AI Intelligence Panel, Buttons, Inputs, Toggles, Slider, Segmented Control, Badges, Bottom Sheet, Toast — ทุกชิ้นใช้ Spring Physics Animation แบบ Apple

ขั้นสูง

Holographic War Room

ศูนย์บัญชาการโฮโลแกรมจำลอง (War Room Interface) สุดเคร่งขรึม มาในโทนสีกรมท่าอมเทาเข้ม (Steel-blue) และเส้นกริด 3 มิติ (Projection grid) ทอดยาวอยู่บนพื้น การ์ดแดชบอร์ดใช้ดีไซน์ขอบเหลี่ยมจัด (Hard-edge) ไร้ความโค้งมน พร้อมการประมวลผลแท่งกราฟเสียง (Waveform) หวิ่งขึ้นลงตลอดเวลา เมื่อคลิกขยายการ์ดเป็นแผงควบคุมเต็มจอ เส้นกริดพื้นหลังจะเปลี่ยนมาเต้นตุบๆ (Pulse) ตอบสนองต่อการสั่งการ