โปรเจกต์ดีไซน์ซิสเต็มสไตล์กระจกตันสำหรับแอปพลิเคชัน AI ที่เปิดตัวมาได้ 4 วันและมียอดดาว 960 ดวง
solid-glass คือดีไซน์ซิสเต็มสำหรับแอปพลิเคชัน AI ที่ถูกออกแบบมาเพื่อแก้ปัญหาหน้าตาแอปที่มีข้อมูลเปลี่ยนตลอดเวลา เช่น ข้อความที่กำลังสตรีมหรือเอเจนต์ที่กำลังทำงาน โดยสไตล์นี้วางตัวอยู่ระหว่างแฟลตดีไซน์และไลควิดกลาส เน้นความชัดเจน มั่นคง และความหนาแน่น ช่วยให้ผู้ใช้อ่านข้อความได้สะดวกโดยไม่ถูกพื้นหลังรบกวน
ระบบนี้สร้างขึ้นด้วยไลต์เวท CSS และทำงานร่วมกับคอมโพเนนต์ shadcn/ui ที่มีอยู่แล้วได้ทันที ทั้งในโหมดสว่างและโหมดมืด โดยใช้สไตล์ชีตไฟล์เดียวที่ดึงค่ามาจาก data-slot และคลาสเดิม ทำให้โปรเจกต์เดิมไม่ต้องแก้ไขโค้ดโครงสร้าง
ปัจจุบันโปรเจกต์นี้เปิดมาแล้ว 4 วัน มีผู้ให้ดาวบน GitHub จำนวน 960 ดวง และติดอันดับ #3 ในหมวด repo AI เปิดใหม่ 7 วันที่ได้ดาวเยอะสุด เหมาะสำหรับนักพัฒนาที่ต้องการจัดหน้าตาแอป AI ให้ดูเรียบร้อยและอ่านง่ายขึ้น
✨ จุดเด่น
- Tactility — อินเทอร์เฟซที่ให้ความรู้สึกจับต้องได้และมีการตอบสนองอย่างแนบเนียน
- Precision — เรขาคณิตที่สะอาดตาและรายละเอียดที่แม่นยำเพื่อความรู้สึกทางเทคนิค
- Physicality — มิติที่มาจากความหนาและเงาเพื่อให้แต่ละชิ้นส่วนมีตัวตนทางกายภาพ
- Materiality — ขอบและไฮไลต์ที่ละเอียดอ่อนช่วยกำหนดเอกลักษณ์ของพื้นผิวแต่ละส่วน
🙋 ใครเหมาะจะลอง: นักพัฒนาสาย React ที่กำลังสร้างแอปพลิเคชัน AI โดยต้องมีโปรเจกต์พื้นฐานที่ใช้ shadcn/ui, React 19 และ Tailwind CSS 4
ทีมข่าว เอไอไทย.com · เรียบเรียงจากหน้าโปรเจกต์ deeplethe/solid-glass — รายละเอียดล่าสุดดูที่ต้นทาง
ความคิดเห็น 0
กำลังโหลดความคิดเห็น...