tailwind css components

ส่วนประกอบ CSS tailwind

โครงการโอเพ่นซอร์ส ส่วนประกอบเริ่มต้นที่สร้างขึ้นโดย tailwind.build

เริ่มต้น

ไฟล์ต้นฉบับของโครงการถูกวางไว้ใน ./src/ ไดเรกทอรี

• ./src/assets - ไฟล์คงที่เริ่มต้น (เช่นตัวยึดภาพ) คุณควรแทนที่ด้วยไฟล์ของคุณเอง

• ./src/scss/ - แหล่งข้อมูล SASS ที่ใช้ในการสร้างธีม Bulma ตัวแปรที่ใช้ในชุดรูปแบบการปรับแต่งจะอยู่ในไฟล์ custom-variables.scss

• ./src/*.pug - หน้าทั้งหมดของคุณ (เทมเพลต) ถูกเก็บไว้ในไฟล์. pug คั่น

วิธีใช้

 # Install dependencies
$ yarn

# Run dev server with live preview (Browsersync)
$ yarn start

# Or make production build
yarn build

ต้องการมากขึ้น? ตรวจสอบรายการที่คัดสรรนี้ด้วยธีม tailwind โอเพนซอร์ส

Soft Dashboard Tailwind

Soft Dashboard Tailwind สร้างขึ้นด้วยองค์ประกอบส่วนบุคคลมากกว่า 70 รายการเช่นปุ่ม, อินพุต, navbars, navtabs, การ์ดหรือการแจ้งเตือนทำให้คุณมีอิสระในการเลือกและรวม

• Soft Dashboard Tailwind - product page
• Soft Dashboard Tailwind - LIVE demo

flowbite ui อ่อน

สร้างเว็บไซต์ของคุณได้เร็วขึ้นด้วยเทมเพลตผู้ดูแลระบบที่เป็นนวัตกรรมโดยใช้ tailwindcss, flowbite และ html Soft UI Flowbite มีส่วนประกอบจำนวนมากที่สร้างขึ้นเพื่อให้เข้ากันและดูน่าทึ่ง

• Soft UI Flowbite - product page
• Soft UI Flowbite - LIVE demo

แดชบอร์ดฟรีนี้มาพร้อมกับบล็อกการออกแบบ prebuilt ดังนั้นกระบวนการพัฒนาจึงไร้รอยต่อการเปลี่ยนจากหน้าเว็บของเราไปยังเว็บไซต์จริงนั้นง่ายมากที่จะทำ

Dailwind Dashboard อาร์กอน

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

• Argon Dashboard Tailwind - product page
• อาร์กอนแดชบอร์ด Tailwind - LIVE demo

Notus svelte

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

• Notus Svelte - product page
• Notus Svelte - LIVE demo

ชุดวัสดุ tailwind react

ชุดวัสดุ Tailwind Material มีคุณสมบัติมากกว่า 120 รายการแต่ละชิ้นทำให้คุณมีอิสระในการเลือกและรวมกัน ซึ่งหมายความว่ามีชุดค่าผสมที่เป็นไปได้นับพัน ส่วนประกอบทั้งหมดยังสามารถใช้สีที่หลากหลายซึ่งคุณสามารถปรับเปลี่ยนได้อย่างง่ายดายโดยใช้ react.js อุปกรณ์ประกอบฉาก

• ชุดวัสดุ Tailwind React - product page
• ชุดวัสดุ Tailwind React - LIVE demo

---

ส่วนประกอบของ Tailwind CSS - จัดทำโดย Appseed Web App Generator