โฮมเพจ » UI / UX » Now Kit Kit - Definit Bootstrap 4 GUI

    Now Kit Kit - Definit Bootstrap 4 GUI

    ในฐานะที่เป็นนักพัฒนาส่วนหน้ารออย่างกระตือรือร้น เปิดตัวอย่างเป็นทางการของ Bootstrap 4, เรากำลังอ่านคำแนะนำอย่างละเอียดซึ่งครอบคลุมคุณสมบัติใหม่ที่ยอดเยี่ยม อย่างไรก็ตามใจร้อนจะ ดำดิ่งเข้าสู่ BootStrap 4 และเริ่มเรียนรู้วิธีการทำงานในวันนี้ นั่นคือสิ่งที่ชุด GUI สามารถช่วยได้.

    Creative Tim เปิดตัว ตอนนี้ Kit Kit เมื่อ Bootstrap 4 เป็น ยังอยู่ในช่วงต้นของการพัฒนา. แต่เป็นหนึ่งในชุดติดตั้ง UI ที่ดีที่สุดและเป็นชุดที่ดีที่สุดสำหรับเว็บไซต์ BootStrap 4.

    ชุดเครื่องมือ รองรับส่วนประกอบ Bootstrap ทั่วไปทั้งหมด และใช้งานและแก้ไขได้ฟรี.

    ใช้การออกแบบ UI ไปสู่ระดับใหม่ทั้งหมดโดย ปรับแต่งปุ่มตัวเลือกช่องทำเครื่องหมาย, และแม้กระทั่ง การเพิ่มแถบเลื่อนเปิด / ปิดแบบกำหนดเอง. อินพุตข้อความมีของพวกเขา สไตล์ของตัวเองสำหรับความสำเร็จ / ความล้มเหลวสำหรับการตรวจสอบความถูกต้อง และให้คุณควบคุมสไตล์ทั้งหมดเหล่านี้ได้อย่างเต็มที่ใน CSS.

    ต้องการข่าวที่ดียิ่งขึ้น? ชุด UI นี้มา ทั้งสอง ไฟล์ดิบ HTML / CSS และไฟล์ PSD / Sketch แบบดิจิทัล. ดังนั้นคุณสามารถจำลองเค้าโครง Bootstrap 4 ทั้งหมดใน Photoshop แล้วเขียนรหัสโครงร่างโดยใช้ชุดนี้ที่ด้านบนของ BS4 เจ๋งใช่มั้ย?

    ความคิดสร้างสรรค์ของทิมยังไปได้ไกล สร้างเค้าโครงตัวอย่างเต็ม สำหรับหน้า Landing Page และหน้าโปรไฟล์ สองตัวอย่างที่ยอดเยี่ยมของสิ่งที่คุณสามารถทำได้กับชุด UI นี้และความรู้ Bootstrap เล็กน้อย.

    อีกหนึ่งคุณสมบัติที่ยอดเยี่ยมของชุด UI นี้คือ ชุดไอคอนฟรี. แพ็คนี้มาพร้อมกับ 100 ไอคอนที่กำหนดเอง, ออกแบบมาสำหรับชุดนี้โดยเฉพาะและวางจำหน่ายฟรีพร้อมกับองค์ประกอบ Now UI.

    และฉันไม่ได้พูดถึงทั้งหมด ส่วนประกอบฟรี, เกินไป? คุณสามารถตั้งค่าภาพหมุน, วิดเจ็ตแบบแท็บ, เมนูแบบเลื่อนลง, ตัวเลือกวันที่, หน้าต่างโมดัลที่กำหนดเอง, ทุกอย่างที่คุณต้องการสำหรับเว็บไซต์ใหม่.

    ไม่มีการปฏิเสธ: ขณะนี้ UI คือ ชุด UI สำหรับ Bootstrap 4. หากคุณต้องการคนจรจัดกับห้องสมุด โดยไม่รู้สึกเหมือน Bootstrap จากนั้นคุณจะต้องการสำเนา Now Kit Kit.

    สำหรับการสาธิตคุณสมบัติทั้งหมดให้ดูที่หน้าหลักรวมถึงส่วนประกอบด้วย คุณจะพบการดาวน์โหลด ลิงก์สำหรับไลบรารีรหัสและไฟล์ PSD / Sketch, พร้อมกับเอกสารประกอบเพื่อให้ส่วนประกอบทั้งหมดเหล่านั้นติดตั้งในเค้าโครงของคุณเอง.

    และหากคุณได้รับสิ่งนี้บนเว็บไซต์ที่ใช้งานจริงอย่าลืมแชร์โครงการของคุณกับ Creative Tim บน Twitter @creativetim.