ฟรีส่วนประกอบและบล็อก Tailwind CSS UI โดย TailGrids
TailGrids คือไลบรารี Tailwind CSS UI ยุคใหม่ที่มีส่วนประกอบและบล็อก Tailwind CSS UI คุณภาพสูงกว่า 600 รายการ สร้างขึ้นอย่างสมบูรณ์แบบสำหรับเว็บไซต์สมัยใหม่ หน้า Landing Page เว็บแอปพลิเคชัน แดชบอร์ด อีคอมเมิร์ซ และอื่นๆ อีกมากมาย ไลบรารีนี้ประกอบด้วยส่วนประกอบและองค์ประกอบ UI ที่จำเป็นทั้งหมดที่คุณคาดหวังจากไลบรารี UI ชั้นนำ เพื่อให้มั่นใจว่ามีการออกแบบที่สอดคล้องกันและใช้งานง่าย เช่น เทมเพลตตัวอย่าง ส่วนประกอบคัดลอกและวางสำหรับ HTML, React และ Vue
คุณสมบัติที่สำคัญ:
- ไลบรารี UI ที่สมบูรณ์: TailGrids มีองค์ประกอบและบล็อก UI ของ Tailwind CSS UI ที่น่าประทับใจมากมายกว่า 600 รายการ
- การสนับสนุนหลายเฟรมเวิร์ก: TailGrids รองรับหลายเฟรมเวิร์ก - HTML, React และ Vue เพื่อรองรับความต้องการในการพัฒนาที่หลากหลาย
- คุณภาพระดับพรีเมี่ยม: ส่วนประกอบของเราได้รับการออกแบบด้วยสุนทรียภาพที่ทันสมัยและสม่ำเสมอ รับประกันคุณภาพของภาพระดับสูง
- ใช้งานง่าย: ด้วยฟังก์ชันการคัดลอกและวางที่เรียบง่าย TailGrids จะช่วยเร่งกระบวนการพัฒนา ซึ่งช่วยให้คุณประหยัดเวลาและความพยายาม
- ปรับเปลี่ยนได้: TailGrids เหมาะอย่างยิ่งสำหรับแอปพลิเคชันที่หลากหลาย รวมถึงเว็บไซต์สมัยใหม่ หน้า Landing Page เว็บแอป แดชบอร์ด แพลตฟอร์มอีคอมเมิร์ซ และอื่นๆ
- เวอร์ชันโอเพ่นซอร์สที่สามารถเข้าถึงได้: เวอร์ชันฟรีของเราช่วยให้คุณเข้าถึงส่วนประกอบ UI มากกว่า 200 รายการพร้อมกับส่วนประกอบหลักทั้งหมด
- เทมเพลตตัวอย่าง: เทมเพลตตัวอย่างอเนกประสงค์และไม่ซ้ำใคร 14 แบบที่มีอยู่ใน HTML และ React
TailGrids เวอร์ชันโอเพ่นซอร์สฟรีมีส่วนประกอบ UI มากกว่า 200 รายการ พร้อมด้วยส่วนประกอบหลักทั้งหมด ทำให้เป็นทรัพยากรที่มีคุณค่าสำหรับทั้งโครงการส่วนบุคคลและเชิงพาณิชย์ ใช้งานได้ตามใจชอบ และอย่าลืมสนับสนุนและสร้างแรงบันดาลใจให้กับทีมของเราโดยนำแสดงโดยพื้นที่เก็บข้อมูลนี้
สำรวจส่วนประกอบทั้งหมด
- เยี่ยมชมเว็บไซต์
- เอกสารประกอบ
การติดตั้งผ่าน NPM
ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง Node.js และ Tailwind CSS ก่อนแพ็คเกจ TailGrids NPM คำแนะนำโดยย่อสำหรับการเริ่มต้นใช้งาน Tailgrids มีดังนี้
1. ติดตั้งแพ็คเกจ TailGrids NPM:
2. เพิ่มปลั๊กอิน TailGrids ลงในไฟล์ tailwind.config.js ของคุณ:
module . exports = {
// Your existing Tailwind CSS configuration goes here
plugins : [ require ( "tailgrids/plugin" ) ] ,
} ; 3. เรียกดูส่วนประกอบและคัดลอกและวางส่วนประกอบที่คุณชอบลงในโปรเจ็กต์ของคุณ
แค่นั้นแหละ! คุณพร้อมที่จะเริ่มใช้ TailGrids ในโปรเจ็กต์ของคุณแล้ว ขอให้มีความสุขในการเขียนโค้ด!
⚡ รับเวอร์ชัน PRO
- เอกสารรายละเอียดและคู่มือการใช้งาน
TailAdmin โต้ตอบ
TailAdmin Vue
️ TailGrids Figma
- สนับสนุน
คุณสามารถสนับสนุนโครงการนี้และสร้างแรงบันดาลใจให้เราได้ตลอดเวลาโดย Starring? พื้นที่เก็บข้อมูลนี้และแบ่งปันกับเพื่อน ๆ หากคุณชอบห้องสมุดให้พิจารณาซื้อเวอร์ชัน Pro
บันทึกการเปลี่ยนแปลง
เวอร์ชัน 2.2.1
(ส.ค. 2567)
- เพิ่มเครื่องมือจับเวลาแล้ว
- เพิ่ม Datepicker แล้ว
เวอร์ชัน 2.2.0
(พฤษภาคม 2567)
- เพิ่มส่วนประกอบใหม่กว่า 80 รายการ
- อัปเดตคำแนะนำสไตล์หลัก
- แก้ไขโครงสร้างไฟล์แล้ว
- ปรับปรุงปลั๊กอินเพื่อลดการพึ่งพา
- อัปเดตเวอร์ชัน Tailwind CSS พร้อมกับการอ้างอิงอื่นๆ
เวอร์ชัน 2.1.0
(ตุลาคม 2566)
- เปิดตัวโหมดมืด
- ขัดเงาส่วนประกอบที่มีอยู่
- รวมองค์ประกอบหลักบางประการ
- อัปเดตแพ็คเกจที่ต้องพึ่งพา
เวอร์ชัน 2.0.0
(กุมภาพันธ์ 2566)
- รุ่นหลักนี้เพิ่มส่วนประกอบของเราเป็นสองเท่า เปิดตัวโหมดมืด และขยายส่วนประกอบและเทมเพลตตัวอย่างของเรา
- ส่วนประกอบ UI ของ Tailwind มากกว่า 500+ รายการ (เพิ่มใหม่มากกว่า 200 รายการ)
- 12 เทมเพลต (เพิ่มใหม่ 8 รายการ)
- โหมดมืดสำหรับส่วนประกอบทั้งหมด
- อัปเดตไฟล์ Figma พร้อมส่วนประกอบ UI ใหม่
- เทมเพลตอีคอมเมิร์ซ 2 แบบ
- 90+ ขั้นสูง | ส่วนประกอบหลัก การตลาด และ UI ของแอป
- ส่วนประกอบ UI แดชบอร์ดมากกว่า 50 รายการ
- ส่วนประกอบอีคอมเมิร์ซมากกว่า 100 รายการ
เวอร์ชัน 1.1.0
(มีนาคม 2565)
เรามุ่งเน้นที่การยกระดับประสบการณ์การออกแบบของคุณด้วยการรวม Figma และเทมเพลตใหม่
- 2 เทมเพลตใหม่
- แหล่งที่มา Figma สำหรับส่วนประกอบ UI
- ปุ่มตอบสนอง / วิวพอร์ต
- แกลเลอรีเทมเพลตเฉพาะ
การเปิดตัวครั้งแรก
(กุมภาพันธ์ 2565)
การเดินทางเริ่มต้นแล้ว! เราเปิดตัว TailGrids ด้วยรากฐานที่แข็งแกร่งของส่วนประกอบและเทมเพลต
- ส่วนประกอบ UI เริ่มต้น 300+ รายการ
- เทมเพลตตัวอย่างสองแบบ
- แพ็คเกจ NPM สำหรับเวอร์ชันโอเพ่นซอร์ส
- ใบอนุญาต
เวอร์ชัน TailGrids Core ฟรี 100%! และโอเพ่นซอร์สที่คุณสามารถใช้กับโครงการส่วนตัวหรือเชิงพาณิชย์ของคุณได้
ส่วนประกอบ UI
