contributing guidelines ก่อนที่จะส่งทรัพยากรใหม่ เว็บไซต์และแหล่งข้อมูลที่มีส่วนประกอบ UI ที่ทันสมัยในรูปแบบที่แตกต่างกัน เช่น PSD, Sketch, Figma ฯลฯ เหมาะสำหรับแนวคิดสำหรับส่วนประกอบของเว็บ/UI
| เว็บไซต์ | คำอธิบาย |
|---|---|
| คลื่นไซน์ SVG | ส่งออกคลื่นไซน์ที่สมบูรณ์แบบเป็น SVG สำหรับโปรเจ็กต์ส่วนหน้าของคุณ |
| การออกแบบ UI รายวัน | องค์ประกอบ UI ที่ยอดเยี่ยมทุกประเภท |
| 100 UI รายวัน | คลังผลิตภัณฑ์ องค์ประกอบ และหน้าจอของ Figma ฟรี |
| แหล่งที่มาของแอป Sketch | Sketch UIs, โครงร่าง, ไอคอน และอื่นๆ อีกมากมาย |
| ฮูมาน | ภาพประกอบสุดเจ๋งของผู้คนที่มีความสามารถในการมิกซ์แอนด์แมตช์ |
| แพตเตอร์น | คอลเลกชันรูปแบบที่สวยงามฟรีสำหรับรูปแบบเวกเตอร์ทั้งหมด |
| ภาพประกอบ 404 | ภาพประกอบฟรีสำหรับ 404 หน้า |
| Drawkit.io | ภาพประกอบสำหรับนักออกแบบและสตาร์ทอัพ |
| การออกแบบที่ไร้สาระ | ภาพประกอบเซอร์เรียลิสต์ฟรีสำหรับนักออกแบบและนักพัฒนา |
| Undraw.co | ภาพประกอบแบบโอเพนซอร์สสำหรับแนวคิดใดๆ ที่คุณสามารถจินตนาการและสร้างสรรค์ได้ |
| Manypixels.co | ภาพประกอบคุณภาพสูงแบบเอกรงค์แบบสามมิติ |
| เปิด Peeps | ห้องสมุดภาพประกอบที่วาดด้วยมือ |
| InvisionApp | คลังชุด UI ชุดไอคอน และการจำลองคุณภาพสูงฟรี |
| เปิดดูเดิล | ชุดภาพประกอบร่างฟรี |
| อวตาร | คลังภาพร่างฟรีของภาพประกอบอวตารโดย Pablo Stanley |
| บลัชออน | ภาพประกอบที่ปรับแต่งได้ฟรีด้วยปลั๊กอิน Figma |
| รูปแบบฮีโร่ | คอลเลกชันของรูปแบบพื้นหลัง SVG ที่ทำซ้ำได้ |
| รูปแบบ BEAUBUS | ชุดรูปแบบ SVG ฟรีมากกว่า 150 รูปแบบ (พื้นหลัง) |
| ไออาร์เอ ดีไซน์ | คอลเลกชันภาพประกอบไล่ระดับสีแบบโอเพ่นซอร์สโดย Creative Tim |
| พื้นผิวโปร่งใส | คอลเลกชันของรูปแบบพื้นหลังพื้นผิวโปร่งใส |
| ไอคอน8.com/ภาพประกอบ | ภาพประกอบเวกเตอร์เพื่อจัดระดับโครงการของคุณ |
| แพทเทริโก | เครื่องชงรูปแบบไม่มีรอยต่อ |
| ภาพประกอบ Pixeltrue | ภาพประกอบภาพเคลื่อนไหวฟรี |
| API อวาตาร์ผู้ใช้แบบนามธรรม | API เพื่อสร้างอวาตาร์ผู้ใช้ที่เรียบง่ายแต่ยืดหยุ่นจากชื่อผู้ใช้หรืออีเมล |
| สเก๊ตช์วัลเลย์ | ดาวน์โหลดไฟล์ PNG, SVG หรือ AI ฟรี |
| แพทเทิร์นแพด | การออกแบบลวดลายที่ไม่ซ้ำใครฟรีและไม่จำกัด |
| ขนาด | Dimensions.com เป็นฐานข้อมูลอ้างอิงอย่างต่อเนื่องของการเขียนแบบระบุขนาดซึ่งบันทึกการวัดมาตรฐานและขนาดของวัตถุและพื้นที่ในชีวิตประจำวัน |
| ของแจกฟรี | แหล่งข้อมูลที่คัดสรรมาอย่างดีสำหรับนักออกแบบและนักพัฒนาเว็บไซต์ มีการอัปเดตอยู่ตลอดเวลา |
| มีความยืดหยุ่น | ภาพประกอบโอเพ่นซอร์สคุณภาพสูงใหม่หนึ่งภาพในแต่ละวัน |
| ข้อความเจ๋งๆ | Cool Text เป็นตัวสร้างกราฟิกฟรีสำหรับหน้าเว็บและทุกที่ที่คุณต้องการโลโก้ที่น่าประทับใจโดยไม่ต้องออกแบบอะไรมากมาย |
| ชุดภาพประกอบ | เพิ่มภาพประกอบโอเพ่นซอร์สระดับพรีเมียมทุกวัน |
| เครื่องกำเนิดรูปแบบ Doodad | สร้างรูปแบบที่มีเอกลักษณ์ ไร้รอยต่อ และไม่มีค่าลิขสิทธิ์ |
| ลายมอนสเตอร์ | เครื่องมือสร้างรูปแบบออนไลน์ง่ายๆ เพื่อสร้างรูปแบบ SVG ที่ทำซ้ำได้ |
| แบบอย่าง | ไลบรารี Avatar ฟรีสำหรับ Figma และ Sketch |
| UIBundle | ทรัพยากรการออกแบบฟรีหลายพันรายการ เช่น ชุด UI, Mockups, ภาพประกอบ, ไอคอน, แบบอักษร, เนื้อหา 3 มิติ, เทมเพลต และอื่นๆ |
| openby.design | ทรัพยากรการออกแบบ UI ที่สร้างขึ้นเองฟรีสำหรับโครงการส่วนบุคคลและเชิงพาณิชย์ ไม่จำเป็นต้องมีการระบุแหล่งที่มา |
| ดีไซน์ลายทาง | สร้างภาพประกอบที่สวยงาม ไม่จำเป็นต้องมีทักษะการออกแบบ |
| โฮลา SVG! | สนามเด็กเล่น SVG เพื่อแชร์เนื้อหา SVG |
| ไซมู.โค | เทมเพลตฟรี ชุดคิท UI ไอคอน PSD |
| การไล่ระดับสีแบบตาข่าย | สร้างและดาวน์โหลดการไล่ระดับสีแบบตาข่ายที่สวยงาม |
| การไล่ระดับสีเงา CSS | สร้างการไล่ระดับสี CSS สำหรับเงา |
| ครีเอติกา | สร้างพื้นหลังและลวดลายที่สวยงามและเป็นเอกลักษณ์เฉพาะตัว |
| อวตารที่น่าเบื่อ | SVG คอลเลกชันอวตารแบบสุ่มและน่ารัก |
| Html เพื่อการออกแบบ | แปลงเว็บไซต์ใดๆ ให้เป็นงานออกแบบ Figma ที่แก้ไขได้อย่างสมบูรณ์ |
| ฟุ่มเฟือย | คอลเลกชันเครื่องมือสีและเครื่องสร้าง SVG ฟรีสำหรับการไล่ระดับสี ลวดลาย พื้นผิว รูปร่าง และพื้นหลัง |
เว็บไซต์ที่ให้บริการแบบอักษรฟรีและเครื่องมือที่ใช้แบบอักษร
| เว็บไซต์ | คำอธิบาย |
|---|---|
| Google แบบอักษร | ห้องสมุดตระกูลฟอนต์ลิขสิทธิ์ฟรีประมาณ 1,000 ตระกูล |
| ดาฟอนต์ | เก็บถาวรแบบอักษรที่ดาวน์โหลดได้ฟรี |
| ใช้และแก้ไข | การเลือกแบบอักษรที่สวยงาม มีระดับ พังค์ มืออาชีพ ไม่สมบูรณ์ และแปลกประหลาดเป็นการส่วนตัว |
| 1001 แบบอักษรฟรี | ฉันคิดว่าชื่อนี้พูดเพื่อตัวเองเหรอ? |
| ฟอนต์กระรอก | Font Squirrel สำรวจอินเทอร์เน็ตเพื่อหาฟอนต์คุณภาพสูงและฟรีอย่างถูกกฎหมาย |
| ผ้าตัวอักษร | โรงหล่อดิจิทัลที่สร้างแบบอักษรสำหรับร้านค้าปลีกและการพิมพ์แบบกำหนดเองสำหรับแบรนด์ต่างๆ |
| เพียงแบบอักษรฟรี | คอลเลกชันแบบอักษรฟรีแวร์ โอเพ่นซอร์ส และสาธารณสมบัติที่คัดสรรด้วยมือ มีไว้สำหรับการใช้งานเชิงพาณิชย์ |
| ทิฟ | เครื่องมือประเภทต่างที่มองเห็นความแตกต่างระหว่างแบบอักษรสองแบบ |
| แบบฝึกหัด TypeKit | เรียนรู้เกี่ยวกับการฝึกพิมพ์ |
| ฟอนต์จอย | สร้างการจับคู่แบบอักษรได้ในคลิกเดียว |
| อัตราส่วนทองคำ | เครื่องคำนวณการพิมพ์อัตราส่วนทองคำ |
| FontGet | มีแบบอักษรหลากหลายให้ดาวน์โหลดและจัดเรียงอย่างเรียบร้อยด้วยแท็ก |
| FontPair | ช่วยให้คุณจับคู่ Google Fonts เข้าด้วยกัน |
| พื้นที่ตัวอักษร | เว็บไซต์แบบอักษรฟรีที่เน้นผู้ออกแบบซึ่งมีตัวอย่างที่ปรับแต่งได้อย่างรวดเร็ว |
| แบบอักษรนามธรรม | แบบอักษรฟรีสำหรับการใช้งานส่วนตัวและเชิงพาณิชย์ |
| วิชาการพิมพ์ฟรี | รายการแบบอักษรคุณภาพสูง |
| ลีออน แซนส์ | แบบอักษรซานเซอริฟทรงเรขาคณิตที่สร้างด้วยโค้ด |
| เล็กเซนด์ | แบบอักษรที่แปรผันแสดงให้เห็นเชิงประจักษ์เพื่อปรับปรุงความสามารถในการอ่านอย่างมีนัยสำคัญ |
| แบบอักษรสำหรับแพลตฟอร์ม Apple | รับรายละเอียด เฟรมเวิร์ก และเครื่องมือที่คุณต้องใช้แบบอักษรของระบบสำหรับแพลตฟอร์ม Apple ในแอพของคุณ |
| เอสเอฟวิน | แบบอักษร San Francisco สำหรับ Windows 10 และแพลตฟอร์มที่ไม่ใช่ของ Apple |
| ฟอนต์ฟลิปเปอร์ | ดูตัวอย่างแบบอักษร Google กว่า 800 แบบ นอกเหนือจากการออกแบบของคุณเอง โดยไม่ต้องดาวน์โหลดแบบอักษร |
| ฟอนต์อารีน่า | แบบอักษรที่ดูแลจัดการฟรี |
| บีฟอนต์ | แบบอักษรคุณภาพสูงฟรี |
| แบบอักษรอารบิก | แบบอักษรอาหรับฟรี |
| FontDrop | วิธีที่ง่ายและสะดวกในการดูเนื้อหาของไฟล์ฟอนต์ |
| เปิดโรงหล่อ | แพลตฟอร์มฟรีสำหรับแบบอักษรโอเพ่นซอร์สที่ได้รับการดูแลจัดการ |
| กิฟเตอร์ | อัปโหลด SVGS ของคุณเองและแปลงเป็นไฟล์ฟอนต์ มีประโยชน์ถ้าคุณต้องการโหลดไลบรารี่ขนาดเล็ก |
| ตัวช่วย Google Webfonts | วิธีที่ไม่ยุ่งยากในการโฮสต์แบบอักษร Google ด้วยตนเอง |
| แบบอักษรหยาบ ยอดเยี่ยม | เมื่อ RoughJS พบกับ Font Awesome |
| ฟอนต์ | แบบอักษรมีสไตล์ฟรี |
| แบบอักษรมาลายาลัม | แบบอักษรมาลายาลัมฟรีซึ่งดูแลโดย Swathanthra Malayalam Computing (SMC) |
| แบบอักษรของนักพัฒนา | ค้นหาและใช้แบบอักษรเข้ารหัสได้ฟรี |
| ฟอนต์ ม | แบบอักษรฟรีที่คุณสามารถดาวน์โหลดสำหรับการเขียนโค้ดและการออกแบบวัสดุ |
| ดับเบิลยู ฟอนต์ | ดาวน์โหลดแบบอักษรฟรี |
| เครื่องมือแก้ไขตัวอักษรที่ทันสมัย | การพิมพ์ตัวอักษรแบบไหลเป็นวิธีสมัยใหม่ในการเข้าใกล้การพิมพ์แบบตอบสนอง |
| UrbanFonts | คอลเลกชันแบบอักษรและ dingbats ฟรีมากกว่า 8,000 รายการ |
| การพิมพ์ | การผสมผสานแบบอักษรและชุดสีที่สร้างแรงบันดาลใจ |
| แหล่งแบบอักษร | แบบอักษรโอเพ่นซอร์สที่โฮสต์เองในแพ็คเกจ NPM ที่รวมไว้อย่างเรียบร้อย |
| FontBolt | ค้นพบและสร้างแบบอักษรที่คุณชื่นชอบจากวัฒนธรรมป๊อป |
| ฟอนต์แชร์ | Fontshare เป็นบริการแบบอักษรฟรีจาก Indian Type Foundry (ITF) ทำให้ทุกคนสามารถเข้าถึงแบบอักษรคุณภาพได้ |
เว็บไซต์และแหล่งข้อมูลที่ช่วยเกี่ยวกับตัวเลือกที่เกี่ยวข้องกับสี
| เว็บไซต์ | คำอธิบาย |
|---|---|
| คัลเลอร์แล็บ | สร้างชุดสี การไล่ระดับสี ระดับสี ตรวจสอบคอนทราสต์ได้ในที่เดียว |
| คัลเลอร์บริวเวอร์ 2 | เครื่องกำเนิดจานสีดั้งเดิมยังรองรับการตาบอดสีด้วย อาจเป็นตัวเลือกที่ดีที่สุดทางวิทยาศาสตร์ คงไม่สวยที่สุดเช่นกัน |
| ฮิวโทน | เครื่องมือในการสร้างระบบสีที่สามารถเข้าถึงได้ |
| Colormind.io | เครื่องกำเนิดจานสี |
| ColorCurves.app | เครื่องกำเนิดจานสีที่ใช้เส้นโค้งเพื่อสร้างจานสี |
| การไล่สี | เครื่องมือฟรีสำหรับสร้างการไล่ระดับสี CSS ที่เรียบง่ายและซับซ้อนด้วยสายตา |
| คูลเลอร์ | สร้างจานสีที่สมบูรณ์แบบหรือรับแรงบันดาลใจจากโทนสีที่สวยงามหลายพันรายการ |
| สี UI | เครื่องกำเนิดจานสี Tailwind CSS |
| รหัสสี HTML | รับรหัสสี HTML รหัสสี Hex ค่า RGB และ HSL ด้วยเครื่องมือเลือกสี แผนภูมิสี และชื่อสี HTML ของเรา |
| สีและแบบอักษร | ไลบรารีสี แบบอักษร และทรัพยากรที่ได้รับการดูแลจัดการ |
| รายการจานสี | เลือก 2 สีที่คุณชอบ จากนั้นเครื่องมือจะสร้างจานสีนับพันสีให้กับคุณ |
| เครื่องมือสีวัสดุของ Google | เครื่องมือจานสีวัสดุอย่างเป็นทางการของ Google |
| จานสีวัสดุ | เลือกจานสี ไอคอน และสีสำหรับดีไซน์ Material ได้ฟรี |
| คัลเลอร์สเปซ | สร้างจานสีที่สวยงามจากสีเดียว |
| FlatUIColors | ชุดจานสีสวยงามหลากหลายรสชาติ |
| อะโดบี คัลเลอร์ | สร้างจานสี แยกการไล่ระดับสีออกจากรูปภาพ ฯลฯ |
| คัลเลอร์ซินโป | แหล่งข้อมูลแบบครบวงจรสำหรับการค้นหาทุกสิ่งเกี่ยวกับสี |
| สีผนัง | สถานที่สำหรับจัดเก็บจานสีของคุณและสร้างจานสีได้ในคลิกเดียว |
| แฮปปี้ฮิวส์ | Happy Hues เป็นไซต์สร้างแรงบันดาลใจเกี่ยวกับจานสีที่ทำหน้าที่เป็นตัวอย่างในโลกแห่งความเป็นจริงว่าสีต่างๆ สามารถนำไปใช้ในโครงการออกแบบของคุณได้อย่างไร โดย Mackenzie Child |
| อะโดบีเทรนด์ | ค้นพบเทรนด์สีในปัจจุบันในอุตสาหกรรมต่างๆ จากชุมชนสร้างสรรค์บน Behance และ Adobe Stock |
| ล่าสี | แพลตฟอร์มแบบเปิดและฟรีสำหรับแรงบันดาลใจด้านสีด้วยพาเล็ตสียอดนิยมที่เลือกสรรด้วยมือหลายพันรายการ |
| ไล่ระดับไล่ล่า | แพลตฟอร์มแบบเปิดและฟรีสำหรับแรงบันดาลใจในการไล่ระดับสีด้วยการไล่ระดับสีที่เลือกสรรด้วยมือหลายพันรายการ |
| การไล่ระดับสีของเว็บ | เว็บไซต์ฟรีเพื่อค้นหาการไล่ระดับสี CSS ที่ดี |
| กล่องสี | เว็บไซต์ฟรีสำหรับผลิตชุดสี |
| การไล่ระดับสี CSS | เว็บไซต์ฟรีสำหรับสร้างการไล่ระดับสีแบบกำหนดเองและตัวอย่างการไล่ระดับสีบางส่วน |
| การไล่ระดับสี | การไล่ระดับสี CSS และ JPG ล้วนๆ |
| การไล่ระดับสี UI | เครื่องกำเนิดสีไล่ระดับสี UI |
| เครื่องกำเนิดจานสี | สร้างจานสีใหม่ด้วยการกดสเปซบาร์ทุกครั้ง |
| จานสีวัสดุ | จานสีการออกแบบวัสดุมากกว่า 1,000 รายการ |
| กราเบียนท์ | ตัวเลือกการไล่ระดับสี |
| ShadeSwash | สร้างเฉดสีต่างๆ ได้อย่างรวดเร็ว |
| สีแบรนด์ | คอลเลกชันรหัสสีอย่างเป็นทางการของแบรนด์ที่ใหญ่ที่สุด |
| จานสีแบรนด์ | รหัสสีโลโก้และจานสี |
| เครื่องกำเนิดจานสีการออกแบบวัสดุ | สร้างธีมและจานสีเหมือนดีไซน์ Material |
| ระบายสี | เครื่องมือชุดสีสำหรับนักออกแบบและนักพัฒนา สิ่งนี้จะช่วยคุณวาดแรงบันดาลใจและทำหน้าที่เป็นแหล่งข้อมูลสำหรับงานสีของคุณ |
| 0to255 | เครื่องมือสีที่ทำให้สีจางลงและเข้มขึ้นได้ง่าย เหมาะอย่างยิ่งสำหรับสถานะโฮเวอร์ เส้นขอบ การไล่ระดับสี และอื่นๆ |
| เครื่องปั่นสี | เครื่องมือที่แสดงสีจุดกึ่งกลางระหว่างสองสี |
| ปุ่มไล่ระดับสี | พร้อมใช้ปุ่มไล่ระดับสีคัดลอก/วาง |
| โครมา | Khroma ใช้ AI เพื่อเรียนรู้ว่าคุณชอบสีใด และสร้างจานสีที่ไร้ขอบเขตเพื่อให้คุณค้นพบ ค้นหา และบันทึก |
| ใครสามารถใช้ได้ | เครื่องมือที่ดึงดูดความสนใจและทำความเข้าใจว่าคอนทราสต์ของสีส่งผลต่อผู้ที่มีความบกพร่องทางการมองเห็นอย่างไร |
| ระบายสีได้ | เครื่องทดสอบคอนทราสต์การผสมสี |
| ตัวเลือก Hex สี | เครื่องมือในการรับรหัสฐานสิบหกพร้อมกับชื่อสี |
| ศรุวักกุล | โทนสีที่น่าทึ่งสำหรับการออกแบบเว็บไซต์และแอพพร้อมตัวอย่าง |
| พาเลตตัน | Paletton.com เป็นเครื่องมือออกแบบสีที่ออกแบบมาเพื่อสร้างการผสมสีที่ทำงานร่วมกันได้ดี |
| คัลเลอร์ซิลล่า | เครื่องมือแก้ไขการไล่ระดับสี CSS ที่เหมือน Photoshop ออนไลน์ที่ทรงพลัง |
| ตัวแก้ไขการไล่ระดับสี CSS | คุณอาจต้องใช้เครื่องมือนี้เพื่อสร้างพื้นหลังและรูปแบบการไล่ระดับสี CSS เท่านั้น |
| ตัวเลือกสีของภาพ | ตัวเลือกสีของภาพและเครื่องกำเนิดจานสี |
| รวมสี | เครื่องมือผสมสี |
| คนรักสี | จะแสดงโทนสีที่เป็นที่นิยมในโลกภายนอก |
| สี HTML CSS | เครื่องมือสีออนไลน์ (สหรัฐอเมริกา) หรือสี (อังกฤษ) ฟรี: ข้อมูล ตัวสร้างการไล่ระดับสี วงล้อสี ฯลฯ |
| รหัสสี HEX | โดยรับรหัสสี HTML, รหัสสี Hex, ค่า RGB และ HSL ด้วยเครื่องมือเลือกสี แผนภูมิสี และชื่อสี HTML ของเรา |
| คูลฮิว 2.0 | เครื่องมือฟรีที่แสดงตัวอย่างการไล่ระดับสีในรูปแบบ CSS และ PNG |
| สี.lol | จานสีที่น่าสนใจที่สร้างโดยบอท Twitter มีรหัสฐานสิบหกและชื่อที่สื่อความหมายสำหรับแต่ละสี |
| สี.dopely | เครื่องมือสร้างชุดสีที่เร็วและเรียบง่ายเป็นพิเศษ สามารถบันทึกและแชร์ชุดสีได้ภายในไม่กี่วินาที |
| เครื่องมือเลือก UIColor | ชุดสี UI พร้อมรหัสฐานสิบหกพร้อมให้คัดลอกได้ในคลิกเดียว |
| สีฐานสิบหก | Color-hex ให้ข้อมูลเกี่ยวกับสีต่างๆ รวมถึงโมเดลสี (RGB, HSL, HSV และ CMYK) และสร้างโค้ด CSS อย่างง่ายสำหรับสีที่เลือก |
| ฟาร์บเวโล | เครื่องกำเนิดจานสีแบบสุ่ม |
| สีเฉลียง | เรียกดูจานสีที่สร้างโดยนักออกแบบคนอื่น สร้างและส่งจานสีของคุณเอง |
| ดูโอ้ | Duo คือคอลเลกชั่นการผสมสีที่ฉันคัดสรรมาจากโปรเจ็กต์ส่วนตัวหรือที่เจอบนเว็บ |
| รายการจานสี Lospec | รายการ Lospec Palette เป็นฐานข้อมูลของจานสีสำหรับงานศิลปะพิกเซล |
| แอพพาเลท | สร้างโทนสีที่เรียบเนียนซึ่งไหลจากสีหนึ่งไปยังอีกสีหนึ่ง |
| มะเขือยาว | สีพื้นหลังไล่ระดับสีกับไข่ |
| เกรเดียนดอส | ค้นหาและทดสอบการไล่ระดับสีได้อย่างง่ายดาย |
| สารานุกรม | เว็บไซต์สำหรับอ้างอิงสีเว็บ ความรู้เรื่องสี สีเว็บ รหัสสีฐานสิบหก |
| โครมา | เครื่องมือสีอันทรงพลัง รวมถึงหลอดหยด ตัวเลือกสี และเครื่องสร้างจานสี |
| นักออกแบบสี | เครื่องกำเนิดการไล่ระดับสีจากสีเดียว |
| ดูโอโทน | ค้นหาภาพดูโอโทนที่สวยงามฟรีเพื่อใช้ในโปรเจ็กต์ใดๆ หรือสร้างภาพดูโอโทนแบบกำหนดเองโดยการอัปโหลดภาพของคุณเองและใช้เอฟเฟ็กต์ดูโอโทนในไม่กี่วินาที |
| เครื่องกำเนิด coolBackgrounds | สำรวจพื้นหลังเจ๋งๆ ที่คัดสรรมาอย่างสวยงามซึ่งคุณสามารถเพิ่มลงในบล็อก เว็บไซต์ได้ |
| เครื่องกำเนิดเฉดสี | เราสามารถสร้างเฉดสีของสีโปรดของเราหรือสีใดๆ ได้อย่างรวดเร็ว เพื่อสร้างเทมเพลตหรือส่วนประกอบ CSS ที่มีเฉดสีหลายสีและมีเครื่องมือที่มีประโยชน์มากขึ้นบนเว็บไซต์เดียวกัน |
| ฮิวมิ้นต์ | Huemint ใช้การเรียนรู้ของเครื่องเพื่อสร้างโทนสีที่เป็นเอกลักษณ์สำหรับแบรนด์ เว็บไซต์ หรือกราฟิกของคุณ |
| ผู้สร้างจานสี InclusiveColors | สร้างจานสีสไตล์ Tailwind ที่สามารถเข้าถึงได้แบบกำหนดเอง โดยคุณสามารถแก้ไขเส้นโค้ง HSL ทั่วทั้งตัวอย่าง ตรวจสอบคอนทราสต์ WCAG/APCA จากนั้นส่งออกไปยัง Tailwind/CSS/Figma/Adobe |
แหล่งข้อมูลสำหรับไอคอน รวมถึง PNG, Svg และอื่นๆ
| เว็บไซต์ | คำอธิบาย |
|---|---|
| ไอคอนเซอร์คัม | ไอคอนโอเพ่นซอร์สที่สอดคล้องกันเป็น SVG สำหรับ React, Vue และ Svelte |
| UXWing | ไอคอนฟรีที่ได้รับการปรับปรุงมาเป็นอย่างดีสำหรับใช้ในเชิงพาณิชย์ |
| Shapedfonts ไอคอนคลับ | ไอคอนฟรีมากกว่า 8,000 รายการ |
| ไอคอนขนนก | ไอคอนโอเพ่นซอร์สที่สวยงามและปรับแต่งได้ |
| ไอคอนตาราง | ไอคอน SVG โอเพ่นซอร์สที่ปรับแต่งได้สูงมากกว่า 3,500 รายการ พร้อมรองรับ React, Preact, Vue, Svelte และ SolidJS |
| ซีคอนส์ | ส่วนประกอบ SVG Vue/React ที่ผสานรวมจาก fluentui-system-icons, ionicons ฯลฯ (Vue3, Vue2, React, SVG) |
| ไอคอนัวร์ | คลังไอคอนโอเพ่นซอร์สฟรีกว่า 900+ รายการ |
| ไอคอนธรรมดา | 1307 ไอคอน SVG ฟรีสำหรับแบรนด์ยอดนิยม |
| ไอคอนเชิงเส้น | ไอคอนเวกเตอร์ที่คมชัดเป็นพิเศษมากกว่า 1,000 รายการ |
| ไอคอน8 | ไอคอน ภาพถ่าย เวกเตอร์ และเครื่องมือฟรี |
| ไอคอนแบบแบน | ฐานข้อมูลไอคอนฟรีที่ใหญ่ที่สุดในรูปแบบ PNG, SVG, EPS, PSD และ BASE 64 |
| โครงการคำนาม | ไอคอนที่ได้รับการดูแลจัดการมากกว่า 2 ล้านไอคอน สร้างขึ้นโดยชุมชนระดับโลก |
| ไอคอนลูกเสือ | ดาวน์โหลดภาพสต็อกไอคอนไอคอนดาวน์โหลดฟรีได้ในที่เดียว |
| IconSearch.ch | เครื่องมือค้นหาที่มีการจัดทำดัชนีไอคอน SVG มากกว่า 50,000 รายการ |
| แอปนิวคลีโอ | Nucleo เป็นคลังไอคอนที่สวยงามจำนวน 27,500 ไอคอน และเป็นแอปพลิเคชั่นที่ทรงพลังสำหรับรวบรวม ปรับแต่ง และส่งออกไอคอนทั้งหมดของคุณ (ฟรีและจ่ายเงิน) |
| ไอคอน-icons.com | ไอคอนฟรี PNG, ICO, ICNS และไฟล์เวกเตอร์ SVG |
| ไอคอนบูทสแตรป | ไอคอนฟรีที่สร้างขึ้นสำหรับ Bootstrap แต่จะใช้ได้กับทุกโปรเจ็กต์ |
| รีมิกซ์ไอคอน | ระบบไอคอนที่สวยงามเพียง |
| ไอคอนมอนสเตร | ค้นพบไอคอนฟรีมากกว่า 4,496+ รายการใน 313 คอลเลกชัน |
| Vivid.js | พร้อมใช้งานไลบรารี JavaScript ชุดไอคอน SVG แบบโอเพ่นซอร์สและฟรี |
| ไอคอนไฟน์เดอร์ | ไอคอนเวกเตอร์ฟรีและพรีเมียมในรูปแบบ SVG, PNG, CSH และ AI |
| ลอร์ดไอคอน | ไอคอนโต้ตอบแบบเคลื่อนไหวฟรี 50 ไอคอน |
| ใช้ภาพเคลื่อนไหว | ไอคอนภาพเคลื่อนไหวฟรีในรูปแบบ SVG และ Json (สำหรับ lottie) |
| css.gg | ไอคอน Open-source CSS, SVG และ Figma UI มากกว่า 700 รายการมีอยู่ใน SVG Sprite, ส่วนประกอบที่มีสไตล์, NPM และ API |
| ไอคอนบราส | ไอคอนฟรีมากกว่า 7843+ จัดกลุ่มใน 182 คอลเลกชัน |
| ไอคอนการออกแบบวัสดุ | คอลเลกชันไอคอนช่วยให้นักออกแบบและนักพัฒนากำหนดเป้าหมายแพลตฟอร์มต่างๆ สามารถดาวน์โหลดไอคอนในรูปแบบ สี และขนาดที่จำเป็นสำหรับโครงการต่างๆ |
| ฮีโร่ไอคอน | ไอคอนโอเพ่นซอร์สฟรีจากผู้สร้าง Tailwind CSS |
| ซอนดิคอนส์ | ชุดไอคอน SVG พรีเมียมฟรีเพื่อให้คุณใช้กับผลิตภัณฑ์ดิจิทัลของคุณ |
| ไอคอนไม่มีที่สิ้นสุด | เว็บไซต์ที่นำเสนอไอคอนฟรีมากมาย ไอคอนถูกแท็กและบีบอัดเป็นชุดอุปกรณ์ |
| ไอโคมูน | เรียกดูไอคอนฟรีมากกว่า 5,500 รายการ เพิ่มชุดใด ๆ ที่คุณต้องการเรียกดูและค้นหาไอคอนได้อย่างง่ายดาย |
| อีวา ไอคอน | Eva Icons คือชุดไอคอนโอเพ่นซอร์สที่สร้างขึ้นอย่างสวยงามมากกว่า 480 รายการสำหรับการดำเนินการและรายการทั่วไป |
| คริปโตไอคอน | ชุดไอคอนสกุลเงิน crypto และ fiat จำนวน 430 รายการ ฟรีโดยสมบูรณ์ |
| ไอโคนาเตะ | ไอคอนเวกเตอร์ที่ปรับแต่งได้อย่างเต็มที่และเข้าถึงได้ |
| ไอคอนแอป | สร้างไอคอนแอพในขนาดต่างๆ อย่างรวดเร็วสำหรับโปรเจ็กต์ IOS, macOS และ Android ของคุณ |
| เส้นไอคอน | ไอคอนเส้นสำคัญกว่า 2,000 รายการสำหรับนักออกแบบและนักพัฒนา |
| เอเวอร์ไอคอนส์ | Evericons เป็นชุดไอคอนฟรีมากกว่า 460 ชุดที่ออกแบบโดย Aleksey Popov |
| การซื้อคืน SVG | ดาวน์โหลดเวกเตอร์ SVG ฟรีเพื่อใช้ในเชิงพาณิชย์ |
| คอนเวอติโอ | แปลงไฟล์ PNG เป็น SVG ออนไลน์และฟรี (หนึ่งในบริการที่มีให้) |
| ไอคอน CSS | ชุดไอคอนที่สร้างด้วยโค้ด CSS ล้วนๆ ไม่มีการพึ่งพา ไอคอน "คว้าแล้วไป" |
| ไอคอนแบบครบวงจร | ไอคอนนับพันในกรอบงานเดียว ห้องสมุดหนึ่งแห่ง ไอคอนเวกเตอร์มากกว่า 40,000 ไอคอน |
| ไอคอน UI ของระบบ | ไอคอนมากกว่า 220+ รายการในคอลเลกชั่นที่กำลังเติบโต |
| ไอคอนพาร์ค | แปลงไอคอน SVG ให้เป็นหลายธีม และสร้างไอคอน React，ไอคอน Vue，ไอคอน svg |
| ไอคอน Radix | ชุดไอคอนคมชัดขนาด 15×15 ออกแบบโดยทีมงาน Modulz ไอคอนทั้งหมดมีให้ใช้งานเป็นองค์ประกอบปฏิกิริยาแต่ละส่วน SVG และอื่นๆ |
| ไอคอน EOS | ฟอนต์สัญลักษณ์แบบโอเพ่นซอร์สที่สมบูรณ์แบบทุกพิกเซล มีทั้งแบบลิเกเจอร์และ SVG |
| อิออนคอน | ไอคอนโอเพ่นซอร์สที่สร้างขึ้นอย่างสวยงามสำหรับใช้ในเว็บ, iOS, Android และแอปเดสก์ท็อป |
| ไอคอนสารเรืองแสง | ฟอสเฟอร์เป็นตระกูลไอคอนที่ยืดหยุ่นสำหรับอินเทอร์เฟซ ไดอะแกรม และการนำเสนอ |
| ไอคอนเล็ก | TeenyIcons เป็นชุดไอคอนในรูปแบบ SVG ใช้งานง่ายในรูปแบบ html |
| ลูซิด | Lucide เป็นไลบรารีไอคอนโอเพ่นซอร์ส ซึ่งเป็นทางแยกของไอคอนขนนก |
| ไอคอน | Icon Explorer พร้อมการค้นหาทันที ขับเคลื่อนโดย Iconify |
| ไอคอนห่วยๆ | ชุดไอคอนฟรี |
| ไอคอนพีเดีย | Iconspedia เป็นเว็บไซต์ที่รวบรวมไอคอนฟรีคุณภาพสูงจำนวนมาก |
| ไอคอนฮับ | ไอคอนอันน่าทึ่งที่ใช้งานได้จริงสำหรับทุกคน |
| 3ดิคอนส์ | ไอคอน 3D โอเพ่นซอร์สที่สร้างขึ้นอย่างสวยงาม |
| ไอคอนดีบี | ไอคอนที่กำหนดเองฟรี |
| คู่มืออิโมจิ | คอลเลกชันอิโมจิ 3300 รายการพร้อมรหัส HTML เพื่อให้ใช้งานง่าย |
| ไอคอนยูนิคอร์น | ไอคอนภาพเคลื่อนไหวขี้เล่นที่ปรับแต่งได้กว่า 100+ รายการ มีจำหน่ายในรูปแบบ JSON และ SVG |
| ไอคอนซาร์กัม | ชุดไอคอนโอเพ่นซอร์สมากกว่า 275 รายการสำหรับ Figma, SVG และ React |
| ไอค่อนเพื่อน. | ชุดไอคอน SVG โอเพ่นซอร์สกว่า 100,000 ไอคอน ปรับแต่งได้อย่างเต็มที่สำหรับนักออกแบบและนักพัฒนา |
| ไอคอนกลมๆ | คลังชุดไอคอนพรีเมียมและฟรีที่ใหญ่ที่สุดในโลกซึ่งประกอบด้วยไอคอนแบบเรียบ ไอคอนเส้น โครงร่างแบบเติม สไตล์แบบมีมิติเท่ากันและแบบทึบ |
| เวคโทปัส | แหล่งข้อมูลรวบรวมยอดนิยมสำหรับนักออกแบบชั้นยอด |
แหล่งข้อมูลสำหรับโลโก้
| เว็บไซต์ | คำอธิบาย |
|---|---|
| LogoSear.ch | เครื่องมือค้นหาที่มีการจัดทำดัชนีโลโก้ SVG มากกว่า 200,000 รายการ |
| SVGPorn | โลโก้ SVG คุณภาพสูงมากกว่า 1,000 รายการ |
| โลโก้ระบบการชำระเงิน | โลโก้สำหรับระบบการชำระเงินมีในรูปแบบ png และ svg |
| โลโก้เบราว์เซอร์ | โลโก้เว็บเบราว์เซอร์ที่มีความละเอียดสูง |
| เว็กเตอร์โลโกโซน | โลโก้ SVG ที่จัดรูปแบบสม่ำเสมอ |
| เวิลด์เว็กเตอร์โลโก้ | ดาวน์โหลดโลโก้เวกเตอร์ของแบรนด์ที่คุณชื่นชอบ |
| ผู้สร้างโลโก้ | สร้างโลโก้ที่กำหนดเอง |
| เครื่องมือสร้างโลโก้ฟรี | เครื่องมือสร้างโลโก้ที่รวดเร็วและครบวงจร |
| โลโก้ไวน์ | โลโก้แบรนด์ดาวน์โหลดฟรีในรูปแบบไฟล์ SVG Vector & PNG |
แหล่งข้อมูลสำหรับ Favicons
| เว็บไซต์ | คำอธิบาย |
|---|---|
| Favicon.io | สร้างไอคอน Fav จากข้อความ รูปภาพ หรือจากอิโมจิ ดาวน์โหลดในรูปแบบ .ico และ .png |
| ฟาวิโคมาติก | สร้างไอคอน Fav ทุกขนาดและทุกรูปแบบ รวมถึงโค้ด HTML ที่จำเป็นเพื่อรองรับเบราว์เซอร์หรืออุปกรณ์ทุกประเภท |
| เครื่องกำเนิด Favicon | สร้างไฟล์ favicon ico สำหรับเว็บไซต์ของคุณ |
| เครื่องกำเนิด RealFavicon | สร้างไอคอนสำหรับทุกแพลตฟอร์ม (Windows, iOS, Android) |
| ฟอนต์ไอคอน | สร้างไอคอน Fav และรูปภาพจากไอคอน Font Awesome |
| Favicon.ซีซี | วาดไอคอน Fav ออนไลน์และเรียกดูไลบรารีไอคอน Fav ที่สร้างโดยผู้ใช้รายอื่น |
| ตัวแก้ไข Maskable.app | สร้างไอคอน PWA ที่สามารถปกปิดได้ตามไอคอนที่คุณมีอยู่ |
| เครื่องกำเนิด Favicon | สร้างเนื้อหา favicon ของเว็บไซต์ รองรับ SVG, มาสก์ได้, รูปภาพย่อขนาด ส่วนหน้าล้วนๆ ไม่มีความเสี่ยงด้านความเป็นส่วนตัว เร็ว. |
แหล่งข้อมูลสำหรับแบบอักษรไอคอน
| เว็บไซต์ | คำอธิบาย |
|---|---|
| แบบอักษรที่ยอดเยี่ยม | ชุดไอคอนและชุดเครื่องมือยอดนิยมของเว็บ |
| ไลน์สุดยอด | สลับแทนที่ Font Awesome ด้วยไอคอนเส้นที่ทันสมัย |
| ไอคอนวัสดุ | ไลบรารีไอคอนการออกแบบวัสดุ |
| ไอออนไอคอน | ไอคอนโอเพ่นซอร์สที่สร้างขึ้นอย่างสวยงามจากทีม Ionic |
| ไอคอนมูลนิธิ Zurb | ไอคอนมูลนิธิที่ปรับแต่งได้ |
| ไอคอนฟอนติสโต | Fontisto แบบอักษรสัญลักษณ์และชุดเครื่องมือ CSS · ไอคอนฟรีมากกว่า 616 รายการ |
| บ็อกซ์ไอคอน | Boxicons คือคอลเลกชันไอคอนโอเพ่นซอร์สที่สร้างขึ้นอย่างพิถีพิถันฟรี |
| ไอโคฟอนต์ | ไอคอนฟรีกว่า 2,100 รายการเพื่อเพิ่มสีสันให้กับงานดีไซน์สร้างสรรค์ของคุณ |
| จานสีวัสดุ | เลือกจานสี ไอคอน และสีสำหรับดีไซน์ Material ได้ฟรี |
| แบบอักษรสัญลักษณ์การออกแบบวัสดุ | แบบอักษรไอคอนการออกแบบวัสดุ |
| Vscode โคดิคอน | แบบอักษรไอคอนจาก Visual Studio Code |
| เดวิคอน | Devicon คือชุดไอคอนที่แสดงถึงภาษาการเขียนโปรแกรม เครื่องมือการออกแบบและพัฒนา |
| PaymentFont | แบบอักษรเว็บที่ทันสมัยสำหรับผู้ให้บริการชำระเงินและวิธีการต่างๆ มี 116 ไอคอน |
| ไอคอนสภาพอากาศ | ไอคอนสภาพอากาศเป็นแบบอักษรไอคอนเดียวที่มีไอคอนธีมสภาพอากาศ 222 ไอคอน |
| โรคหลอดเลือดสมอง 7 | ไอคอนเส้นบาง 202 อันที่ได้รับแรงบันดาลใจจาก iOS 7 |
| แยมไอคอน | ไอคอนที่ทำด้วยมือมากกว่า 890 รายการเพื่อทำให้เว็บแอปของคุณยอดเยี่ยม |
| ฟอนเทลโล | ไอคอนเว็บมากกว่า 200+ รายการที่คุณสามารถปรับแต่งชื่อหรือรหัสของไอคอนได้ |
| ลิเนีย | Linea: มีไอคอนฟรีมากกว่า 750+ รายการ |
| ยูนิคอน | ชุดไอคอนสไตล์เส้นฟรีกว่า 1,100 รายการที่มีให้เป็นแบบอักษรบนเว็บ ไอคอน SVG และเป็นส่วนประกอบสำหรับเฟรมเวิร์ก JS เช่น React, Vue และ React Native |
| ไอคอน Mobirise | ชุดโอเพ่นซอร์สฟรีประกอบด้วยไอคอนเชิงเส้นที่สวยงามและสมบูรณ์แบบพิกเซลจำนวน 150 ไอคอน พร้อมใช้งานในรูปแบบแบบอักษรไอคอนเว็บและไอคอน SVG |
| ไอคอนฮีโร่ | ไลบรารีไอคอน Svg โอเพ่นซอร์สฟรี |
| ไอคอนตอบสนอง | โอเพ่นซอร์สและไลบรารีไอคอน Svg ฟรี คือคอลเลกชันของไลบรารีไอคอนที่คุณชื่นชอบ เช่น Font Awesome และไอคอน Material เพื่อให้คุณมีไอคอน SVG มากมายให้เลือก |
เว็บไซต์ที่ให้บริการรูปถ่ายสต็อกทุกประเภทฟรีสำหรับเว็บไซต์และแอปของคุณ
| เว็บไซต์ | คำอธิบาย |
|---|---|
| เพกเซล | รูปถ่ายหุ้นฟรีที่แชร์โดยผู้สร้างที่มีความสามารถ |
| Unsplash | แหล่งรวมรูปภาพที่ใช้งานได้อย่างอิสระบนอินเทอร์เน็ต |
| Pixabay | รูปภาพและวิดีโอสต็อกคุณภาพสูงมากกว่า 1.7 ล้านรายการ |
| แม็กเดลีน | คลังภาพและรูปภาพความละเอียดสูงฟรีทุกวัน |
| พิคสปรี | ภาพปลอดค่าลิขสิทธิ์ ภาพสต็อก ภาพประกอบ และเวกเตอร์ |
| ระเบิด | คอลเลกชันภาพถ่ายสต็อกฟรี |
| กราติกราฟ | คอลเลกชันรูปภาพความละเอียดสูงฟรี |
| ชีวิตของพิกซ์ | ฟรีภาพถ่ายความละเอียดสูง |
| สแนปหุ้น | เพิ่มรูปภาพคุณภาพสูงหลายร้อยภาพทุกสัปดาห์ |
| มอร์เกไฟล์ | สต็อกภาพถ่ายฟรีมากกว่า 350,000 ภาพสำหรับใช้ในเชิงพาณิชย์ |
| ภาพคาบูม | การถ่ายภาพสต็อกและจานสี เหมาะกับภาพสินค้า |
| ใหม่เก่าสต๊อก | สต็อกภาพถ่ายวินเทจ |
| รูปจัมโบ้ | คอลเลกชันภาพถ่ายประเภทต่างๆ ที่ดี |
| รูปภาพที่เป็นสาธารณสมบัติ | ภาพที่เป็นสาธารณสมบัติทุกประเภท |
| ค้นหารูปถ่าย | ค้นหาเว็บไซต์ภาพสต็อกหลายแห่ง |
| ห้องนิรภัย | จัดหมวดหมู่ภาพถ่ายสต็อก |
| ตัวยึดตำแหน่ง | บริการตัวยึดตำแหน่งรูปภาพฟรีสำหรับเว็บ คุณสามารถระบุขนาดและรูปแบบของภาพได้ |
| ภาพที่สมจริง | รูปถ่ายสต็อกที่มีความละเอียดสูงฟรี |
| พื้นที่เชิงลบ | รูปถ่ายหุ้นฟรีที่มีความละเอียดสูง |
| Skitterรูปภาพ | ฟรีภาพถ่ายความละเอียดสูง |
| พิโกกราฟี | ภาพถ่ายที่งดงาม ความละเอียดสูง และฟรี |
| วันเดอร์สต็อก | ภาพถ่ายฟรีที่น่าทึ่งอย่างน่าทึ่ง |
| ภาพสวย | ภาพฟรีและภาพสต็อก - ภาพ สวย ๆ |
| พิคเซล | รูปถ่ายหุ้นปลอดค่าลิขสิทธิ์ |
| นักชิมฟีด | สต็อกภาพถ่ายอาหาร |
| ผ้าอ้อม | เว็บไซต์ที่นำเสนอภาพถ่ายที่สวยงามและมีความละเอียดสูงของคนผิวดำและคนสีน้ำตาล |
| ภาพถ่ายที่สร้างขึ้น | ภาพถ่ายโมเดลที่สร้างโดย AI ที่ไม่ซ้ำใคร |
| ถ่ายใหม่ | ภาพถ่ายฟรีที่ไม่ซ้ำใคร รูปภาพที่คัดสรรมาอย่างดีและไม่สต็อก |
| ภาพฟรี | ค้นหาและดาวน์โหลดภาพสต็อกฟรี ทั้งหมดนี้ฟรีสำหรับการใช้งานส่วนตัวและเชิงพาณิชย์ |
| ลอเรม พิกซัม | API ที่ใช้งานง่ายเพื่อรับภาพตัวยึดตำแหน่งที่สวยงาม สามารถระบุขนาดและพารามิเตอร์อื่น ๆ ได้ |
| ภาพวิทยาศาสตร์ | ไลบรารีภาพที่เชี่ยวชาญด้านภาพวิทยาศาสตร์และธรรมชาติ |
| บูรณาการและไลบรารีรูปภาพเครือข่ายแอปพลิเคชัน | รูปภาพฟรีเพื่อให้นักวิทยาศาสตร์ ผู้จัดการทรัพยากร หน่วยงานรัฐบาล กลุ่มชุมชน และผู้เชี่ยวชาญด้านกราฟิกมีแหล่งข้อมูลสำหรับการปรับปรุงการสื่อสารทางวิทยาศาสตร์ |
| แซกซิฟรากา | ภาพธรรมชาติฟรี |
| ครีเอทีฟคอมมอนส์ | ค้นหาภาพฟรีเพื่อนำมาใช้ซ้ำ |
| AllTheFreeStock | รายการภาพสต็อก เสียง และวิดีโอฟรีที่คัดสรรมาอย่างดี |
| Lorem.space - โปรแกรมสร้างรูปภาพตัวยึดตำแหน่ง | API สำหรับรูปภาพตัวยึดตำแหน่ง แต่มีประโยชน์! |
| โอเพ่นเวิร์ส | Openverse เป็นเครื่องมือค้นหาสำหรับสื่อที่ได้รับอนุญาตอย่างเปิดเผย |
| สาธารณรัฐไอเอสโอ | รับภาพถ่ายสต็อก CC0 ความละเอียดสูงฟรีนับพันภาพ |
เว็บไซต์ที่นำเสนอวิดีโอสต็อกฟรีทุกประเภทสำหรับเว็บไซต์และแอปของคุณ
| เว็บไซต์ | คำอธิบาย |
|---|---|
| เพกเซล | คลังวิดีโอใช้งานฟรีที่ใหญ่ที่สุด บริจาคโดยชุมชน |
| Pixabay | คลังวิดีโอขนาดใหญ่ที่ใช้งานได้ฟรี บริจาคโดยชุมชนที่คล้ายกับ Pexels |
| Coverr.co | วิดีโอสต็อกที่สวยงามฟรี |
| วีดีโอซี่ | วิดีโอสต็อก HD ฟรีและวิดีโอ 4K |
| ชุดผสม | คลิปวิดีโอและเพลงสต็อก |
| ชีวิตของวิดีโอ | คลิปวิดีโอและลูปฟรี |
| วีดีโอ | วิดีโอสต็อกฟรีและพรีเมียม |
| ลูปวิดซ์ | ใช้กราฟภาพยนตร์ฟรีที่สร้างด้วยแอป VIMAGE |
| สปลิทไชร์ | วิดีโอและภาพถ่ายสต็อกที่สวยงามและฟรีสุดพิเศษ |
| ฟรีสต็อกวิดีโอ | วิดีโอสต็อกฟุตเทจฟรี |
เว็บไซต์ที่นำเสนอเพลงสต็อกและ/หรือเอฟเฟกต์เสียงฟรี
| เว็บไซต์ | คำอธิบาย |
|---|---|
| ไลบรารีเสียงของ YouTube Studio | ไลบรารีเสียงปลอดค่าลิขสิทธิ์สำหรับเพลงและเอฟเฟกต์เสียงที่ดาวน์โหลดได้ เคลียร์เพื่อสร้างรายได้จาก YouTube แล้ว |
| เพลงสต็อกฟรี | เพลงสต็อกปลอดค่าลิขสิทธิ์สำหรับวิดีโอ YouTube, พอดแคสต์ ฯลฯ |
| เบนซาวน์ | ดาวน์โหลดเพลงปลอดค่าลิขสิทธิ์ฟรีและใช้ในโครงการของคุณ |
| มิกซ์คิท | เพลงฟรีสำหรับโครงการของคุณ |
| ฟรีซาวด์ | เพลงและเสียงสต็อกฟรี |
| คลังเพลงฟรี | ฐานข้อมูลความร่วมมือของเสียงที่ได้รับใบอนุญาตครีเอทีฟคอมมอนส์สำหรับนักดนตรีและผู้รักเสียง |
| มูโซเพน | คลังเพลงคลาสสิกออนไลน์ฟรีที่มีลิขสิทธิ์ |
| Pixabay | ดาวน์โหลดเพลงฟรีสำหรับโปรเจ็กต์ของคุณ เช่น วิดีโอ Youtube, เพลง, Vlog, ภาพยนตร์, พอดคาสต์ ฯลฯ |
| ไม่ลบ | เพลงพรีเมี่ยมฟรีสำหรับโปรเจ็กต์ของคุณ ? ค่าลิขสิทธิ์ฟรี เคลียร์สำหรับ YouTube แล้ว |
ภาพเวกเตอร์ ภาพตัดปะ ภาพประกอบ รูปแบบ และอื่นๆ อีกมากมาย
| เว็บไซต์ | คำอธิบาย |
|---|---|
| เวคทีซี่ | ค้นหาและดาวน์โหลดงานศิลปะเวกเตอร์ฟรี |
| ฟรีปิค | ภาพเวกเตอร์, ภาพสต็อก, PSD และไอคอน |
| เวกเตอร์ฟรี | ชุมชนผู้ชื่นชอบเวกเตอร์ที่แบ่งปันกราฟิกแบบเวกเตอร์ฟรี |
| PNGTree | PNG พื้นหลัง เทมเพลต เอฟเฟกต์ข้อความ |
| Vector4ฟรี | กราฟิกแบบเวกเตอร์ฟรี |
| ฟรีเบิล | เวกเตอร์ รูปแบบ การจำลอง และอื่นๆ |
| ลูคัสซาดัม | งานศิลปะแบบเวกเตอร์ฟรี |
| ภาพประกอบ | ภาพประกอบ 100 อันสวยงาม - png, svg |
| ภาพตัดปะ | เลือกภาพตัดปะ PNG หน้าระบายสี ภาพวาด และอื่นๆ อีกมากมายสำหรับโปรเจ็กต์ของคุณจากคอลเลกชันฟรี! |
| ภาพประกอบ Growwkit | ชุดภาพประกอบเรียบง่ายขาวดำมีสไตล์ 8 ชิ้น |
| สามเหลี่ยม.io | สร้างพื้นหลัง พื้นผิว และเวกเตอร์แบบโพลีต่ำ |
| หยด | สร้างรูปร่าง Blob สำหรับเว็บและแอป Flutter |
| สวัสดีคลิปอาร์ต | ชุมชนสำหรับนักออกแบบเพื่อแบ่งปันและดาวน์โหลดภาพตัดปะ PNG พื้นหลังโปร่งใส |
| เรื่องโดย Freepik | คอลเลกชันภาพประกอบฟรีและปรับแต่งได้สำหรับโปรเจ็กต์ |
| ภาพประกอบสีดำ | ภาพประกอบที่สวยงามของคนผิวดำ (ฟรีและพรีเมียม) |
| การออกแบบ | คอลเลกชันภาพประกอบฟรีและอื่นๆ อีกมากมาย |
| ตัวแบ่งรูปร่างแบบกำหนดเอง | เครื่องมือฟรีที่ช่วยให้นักออกแบบและนักพัฒนาส่งออกตัวแบ่งรูปร่าง SVG ที่สวยงามได้ง่ายขึ้น |
| ผู้ให้บริการศิลปะการแพทย์ | รูปภาพทางการแพทย์ฟรี 3,000 ภาพเพื่อใช้ประกอบสิ่งพิมพ์และงานนำเสนอ PowerPoint ของคุณ |
| คลาร์ก | ภาพตัดปะฟรีที่คุณสามารถใช้เพื่อสิ่งที่คุณต้องการ |
| คลื่น SVG | การไล่ระดับสีฟรีและปรับแต่งได้ ? เครื่องกำเนิดคลื่น SVG สำหรับการออกแบบ UI |
| บีจีจาร์ | เครื่องมือสร้างพื้นหลัง Svg ฟรีสำหรับเว็บไซต์ บล็อก และแอปของคุณ |
| ห้องสมุดมรดก | ภาพประกอบวินเทจ (เวกเตอร์และ PNG) |
| โรโบฮาช | สร้างภาพที่ไม่ซ้ำใครจากข้อความใดๆ |
| แท็บบี้ | สร้างและปรับแต่งรูปแบบ/งานศิลปะที่สร้างขึ้นน้อยที่สุดเพื่อใช้เป็นภาพพื้นหลัง สิ่งพิมพ์ และโครงการอื่น ๆ |
| ไฮเค | เว็บแอปหลายรูปแบบที่ยอดเยี่ยม |
| เวกเตอร์ | เว็บไซต์ที่ยอดเยี่ยมสำหรับเวกเตอร์โมร็อกโกทุกประเภท |
| หนักมาก | สินทรัพย์เวกเตอร์ที่ไม่ซ้ำใครภายในไม่กี่วินาที |
| มอสไซค์ | เครื่องมือสร้าง SVG ฟรีพร้อมเครื่องมือ คลื่น ไทล์ หยด และอื่นๆ อีกมากมาย |
สร้างแบบจำลองของอุปกรณ์และผลิตภัณฑ์อื่นๆ
| เว็บไซต์ | คำอธิบาย |
|---|---|
| ม็อคซิตี้ | สร้างการจำลองจำนวนมากจากเทมเพลต PSD โดยการวางรูปภาพใน SmartObjects โดยอัตโนมัติ โปรแกรมแก้ไขภาพช่วยให้คุณเปลี่ยนพารามิเตอร์ SmartObject และดูตัวอย่างจำลองที่อัปเดตแบบเรียลไทม์ |
| การจำลองอัจฉริยะ | สร้างแบบจำลองผลิตภัณฑ์ที่น่าทึ่ง (ฟรีและพรีเมียม) |
| ตัวแก้ไขสื่อ | บริการจำลองการออกแบบที่สวยงามสำหรับผลิตภัณฑ์ของคุณ (ฟรีและพรีเมียม) |
| ช็อตสแน็ป | สร้างภาพจำลองอุปกรณ์ที่สวยงามสำหรับแอพหรือการออกแบบเว็บไซต์ของคุณ |
| น่ากลัว | เปลี่ยนภาพหน้าจอของคุณให้เป็นภาพจำลองทันที |
| ภาพหน้าจอ.หิน | สร้างเบราว์เซอร์และการจำลองมือถือที่สวยงามในไม่กี่วินาที |
| สกรีนพีค | สร้างแบบจำลองจาก URL |
| โลกจำลอง | แหล่งรวมภาพถ่ายเสมือนจริงฟรีที่ใหญ่ที่สุดทางออนไลน์ |
| ร่วมมือกันยิง | การจับภาพหน้าจอแบบเรียลไทม์และการแชร์รูปภาพ |
| อุปกรณ์เฟซบุ๊ก | ไฟล์รูปภาพและภาพร่างของอุปกรณ์ยอดนิยม |
| Threed.io | สร้างแบบจำลอง 3 มิติได้ในเบราว์เซอร์ของคุณ |
| ม็อคคูโฟน | จำลองฟรี 100% สำหรับอุปกรณ์ทั้งหมด รวมถึง IOS, Android, Windows Phone, แล็ปท็อปและเดสก์ท็อป และทีวี |
| ภาพอุปกรณ์ | สร้างการจำลองอุปกรณ์ที่มีความละเอียดสูงสำหรับโซเชียลมีเดียได้ฟรี |
| ม็อคสะอาด | สร้างแบบจำลองที่น่าทึ่งโดยใช้เฟรมอุปกรณ์ล่าสุด เช่น iPhone X และพื้นหลังแบบกำหนดเอง ที่ทำให้การออกแบบบนมือถือหรือเว็บไซต์ของคุณโดดเด่นจากเบราว์เซอร์ของคุณได้อย่างรวดเร็วและฟรี |
| Mock.Video | สร้างการจำลองทันทีโดยเพิ่มเฟรมอุปกรณ์ลงในวิดีโอของคุณ |
| MockupBro | สร้างแบบจำลองผลิตภัณฑ์ด้วยเครื่องมือสร้างแบบจำลองออนไลน์! เพียงเลือกแบบจำลอง อัปโหลดการออกแบบของคุณ และดาวน์โหลดภาพของคุณโดยไม่มีลายน้ำ |
| แอนิเมชั่น | สร้างภาพเคลื่อนไหวจำลองในเบราว์เซอร์ |
| ปิก้า | สร้างจำลองเบราว์เซอร์และรูปภาพที่สวยงามสำหรับการตลาด โพสต์บนบล็อก และอื่นๆ ได้ทันที |
| ความบ้าคลั่ง | สร้างการจำลองตั้งแต่เริ่มต้นฟรี |
เว็บไซต์ที่นำเสนอเทมเพลตเว็บไซต์ที่สวยงามและธีมทุกประเภทฟรี
| เว็บไซต์ | คำอธิบาย |
|---|---|
| HTML5ขึ้น | ธีม HTML5/CSS3 ที่ตอบสนองและทันสมัยมากไม่ซ้ำใคร |
| เทมเพลตโม | ธีมขั้นต่ำ ประวัติย่อ แกลเลอรี และอื่นๆ |
| ฟรีHTML5 | ธีม HTML5 และ Bootstrap ฟรีและพรีเมียม |
| สไตล์ตะโกน | เทมเพลตเว็บไซต์ฟรีที่สร้างขึ้นอย่างยอดเยี่ยม |
| เริ่มบูทสแตรป | ธีมเริ่มต้น Bootstrap |
| HTML5xCSS3 | คอลเลกชันเทมเพลตที่ยอดเยี่ยมในหมวดหมู่ต่างๆ |
| ธีมเกวียน | คอลเลกชันเทมเพลต Bootstrap HTML5 จากหมวดหมู่ต่างๆ |
| Colorlib | ธีมเกือบทุกประเภทที่คุณนึกออก |
| ฟรี CSS | คอลเลกชันเทมเพลตฟรีจำนวนมาก |
| ฮับสปอต | เทมเพลต อินโฟกราฟิก แบนเนอร์ และอื่นๆ อีกมากมาย |
| ระดมพล | เทมเพลต HTML5/CSS3 ที่ดูดี |
| บู๊ทส์วอทช์ | ธีมฟรีสำหรับ Bootstrap |
| หนึ่งเพจรัก | เว็บไซต์ เทมเพลต และแหล่งข้อมูลแบบหน้าเดียว |
| ธีมสำหรับแอพ | ธีม Bootstrap และแลนดิ้งเพจฟรี |
| BootstrapTaste | เทมเพลต Bootstrap ระดับพรีเมียมและฟรี |
| BootstrapMade | เทมเพลตฟรีที่หรูหรา สะอาดตา และสวยงามโดยใช้ Bootstrap |
| W3เลย์เอาต์ | W3Layouts: เทมเพลตเว็บไซต์ฟรีกว่า 3,784+ แบบสำหรับปี 2020 |
| แผงเครื่องมือ | Tooplate: เทมเพลต HTML ฟรีสำหรับทุกคน! |
| ครัป | เทมเพลต HTML ที่เข้ารหัสอย่างสมบูรณ์เพื่อช่วยให้คุณสร้างแลนดิ้งเพจเริ่มต้นใช้งานได้อย่างง่ายดายโดยไม่ต้องยุ่งยาก |
| ยูเด็ค | เทมเพลตหน้า Landing Page และธีม Bootstrap ฟรี |
| สาดน้ำ | เทมเพลตเว็บฟรีเพื่อเริ่มต้นไอเดียของคุณ! |
| W3css_templates | เทมเพลตเว็บไซต์ W3.CSS แบบตอบสนองบางส่วนให้คุณใช้ |
| ดาวน์โหลดฟรีทั้งหมด | ดาวน์โหลดเทมเพลตเว็บไซต์ฟรี |
| ตอบโต้กับผู้ใช้ได้แม่แบบ | เทมเพลตฟรี HTML5/CSS3 |
| เทมเพลตผู้ดูแลระบบ Sneat Bootstrap 5 HTML | โอเพ่นซอร์สและใช้งานง่าย Bootstrap 5 เทมเพลตผู้ดูแลระบบ HTML พร้อมการออกแบบที่หรูหราและเค้าโครงที่ไม่ซ้ำใคร |
| HTMLrev | เทมเพลต HTML5 และแลนดิ้งเพจที่สวยงามฟรี |
| ฮอริซอน UI | เทมเพลตผู้ดูแลระบบโอเพ่นซอร์สที่ทันสมัยที่สุดสำหรับ React |
| ธีมที่กระตือรือร้น | ฟรีและเทมเพลต Pro Html/Css3, Bootstrap5, Vue, React, Laravel |
| สกรูเร็ว | เทมเพลตเว็บไซต์ Astro แบบโอเพ่นซอร์สพร้อมส่วนประกอบ TailwindCSS ที่ทันสมัยและปรับแต่งได้ |
กรอบงาน CSS/UI เพื่อช่วยสร้างเว็บไซต์และแอปพลิเคชันที่ดูดี
| เว็บไซต์ | คำอธิบาย |
|---|---|
| CSS ท้ายลม | กรอบงานระดับต่ำที่คำนึงถึงประโยชน์ใช้สอยเป็นอันดับแรก |
| บูทสแตรป | กรอบงาน UI ยอดนิยมพร้อมส่วนประกอบมากมายที่ใช้ทั้ง CSS และ JS |
| ทำให้เป็นจริง | เฟรมเวิร์กส่วนหน้าที่ตอบสนองสมัยใหม่ตามการออกแบบวัสดุ |
| การออกแบบวัสดุ Lite | กรอบแสงขึ้นอยู่กับการออกแบบวัสดุ ไม่มีการพึ่งพา JS |
| บูลมา | เฟรมเวิร์ก CSS สมัยใหม่ที่ไม่มี JS |
| โครงกระดูก | เฟรมเวิร์กที่เบามากสำหรับองค์ประกอบ UI พื้นฐาน |
| CSS แบบเดียวกัน | ตัวสร้างยูทิลิตี้ที่กำหนดค่าได้อย่างสมบูรณ์และเฟรมเวิร์ก CSS ที่สร้างขึ้นใน Sass ทั้งหมด |
| UI ความหมาย | เพิ่มศักยภาพให้กับนักออกแบบและนักพัฒนาโดยการสร้างคำศัพท์ที่ใช้ร่วมกันสำหรับ UI |
| UI โฟแมนติก | ทางแยกชุมชนของ Semantic-UI |
| พื้นฐาน | เฟรมเวิร์กแรกบนมือถือพร้อมมาร์กอัปที่สะอาดตา |
| CSS เพียว | ชุดโมดูล CSS ขนาดเล็กที่ตอบสนองได้ดี |
| UIKit | เฟรมเวิร์กส่วนหน้าน้ำหนักเบาและเป็นโมดูลาร์ |
| ซูซี่ | เอ็นจิ้นเค้าโครงตารางน้ำหนักเบาสำหรับ Sass |
| มิลลิกรัม.io | กรอบ CSS ที่เรียบง่าย |
| กรอบวานิลลา | เฟรมเวิร์ก CSS ที่เรียบง่ายและขยายได้ซึ่งเขียนด้วย Sass |
| ผี CSS | เฟรมเวิร์ก CSS น้ำหนักเบาและทันสมัย |
| ปิคนิค CSS | ห้องสมุดน้ำหนักเบาและสวยงาม |
| ปีก | เฟรมเวิร์ก CSS ที่สวยงามที่ออกแบบมาสำหรับมินิมอลลิสต์ |
| โชตะ | เฟรมเวิร์ก CSS ขนาดเล็ก (~ 3kb) |
| พิมพ์เขียว CSS | ไลบรารีเลย์เอาต์น้ำหนักเบาสำหรับการสร้าง UI บนมือถือที่ตอบสนองดีเยี่ยมซึ่งทำงานได้ทุกที่ |
| W3.CSS | เฟรมเวิร์ก CSS ที่ทันสมัยพร้อมการรองรับการออกแบบเดสก์ท็อป แท็บเล็ต และอุปกรณ์พกพาตามค่าเริ่มต้น ออกแบบให้เป็นอิสระจาก jQuery หรือไลบรารี JavaScript อื่น ๆ |
| 98.css | ระบบการออกแบบสำหรับการสร้าง UI แบบเก่าที่สร้างสรรค์ขึ้นมาใหม่ |
| NES CSS | CSS Framework แบบ NES |
| เชือกผูกรองเท้า.css | ไลบรารี CSS น้ำหนักเบาและมีความคิดก้าวหน้าซึ่งสร้างขึ้นด้วยไวยากรณ์ CSS ในอนาคต |
| MVP.css | สไตล์ชีทมินิมัลลิสต์สำหรับองค์ประกอบ HTML ไม่มีชื่อชั้นเรียนไม่มีเฟรมเวิร์กเพียงแค่ความหมาย html และคุณทำเสร็จแล้ว |
| Blaze.css | ชุดเครื่องมือ CSS โมดูลโอเพนซอร์สให้โครงสร้างที่ยอดเยี่ยมสำหรับการสร้างเว็บไซต์อย่างรวดเร็ว |
| ป้อมปืน CSS | ป้อมปืน CSS เป็นกรอบรูปแบบสำหรับการพัฒนาเว็บไซต์ที่ตอบสนอง |
| ตัด | กรอบ CSS ที่แข็งแกร่งและเป็นอิสระ |
| xp.css | XP.CSS เป็นส่วนขยายของ 98.CSS ห้องสมุด CSS สำหรับการสร้างอินเทอร์เฟซที่ดูเหมือน UIs เก่า |
| เฟรมเวิร์ก 7 | Framework7 - เป็นกรอบการทำงานฟรีและโอเพ่นซอร์สในการพัฒนามือถือเดสก์ท็อปหรือเว็บแอพที่มีรูปลักษณ์และความรู้สึกพื้นเมือง |
| คำแนะนำ | คลังคำแนะนำเครื่องมือ CSS บริสุทธิ์สำหรับเว็บไซต์ที่น่ารักของคุณ |
| imagehover.io | ไลบรารีเอฟเฟกต์ภาพ CSS บริสุทธิ์ |
| mini.css | กรอบ CSS ที่ไม่เชื่อเรื่องพระเจ้าที่ตอบสนองได้ดีที่สุด |
| คนขี้เหนียว | สร้างอินเทอร์เฟซที่ตอบสนองได้อย่างรวดเร็วและตอบสนองได้อย่างรวดเร็วและตอบสนอง 100% โดยมี CS น้อยที่สุดเท่าที่จะทำได้ |
| bootstrap วัสดุ | การออกแบบวัสดุด้วย bootstrap |
| งาช้าง | เฟรมเวิร์ก CSS ที่ทันสมัยสำหรับการพัฒนาเว็บอินเตอร์เฟสที่ทรงพลังเร็วขึ้นและง่ายขึ้น |
| Halfmoon UI | เฟรมเวิร์กที่ตอบสนองและมีน้ำหนักเบาออกแบบมาสำหรับการสร้างแดชบอร์ดที่สวยงามและหน้าผลิตภัณฑ์อย่างรวดเร็ว |
| รถไฟใต้ดิน 4 | สร้างไซต์ของคุณอย่างรวดเร็วและมีประสิทธิภาพด้วย Metro 4. ห้องสมุดส่วนประกอบที่น่าประทับใจที่สร้างขึ้นบน HTML, CSS, JavaScript |
| CSS-DOODLE | องค์ประกอบเว็บสำหรับการวาดรูปแบบด้วย CSS |
| latex.css | ทำให้เว็บไซต์ของคุณดูเหมือนเอกสาร LaTex |
| กระดาษ CSS | โซลูชันการพิมพ์ส่วนหน้า |
| Windi CSS | คอมไพเลอร์รุ่นต่อไปสำหรับ Tailwind CSS |
| CIRRUS CSS | กรอบส่วนประกอบและยูทิลิตี้ Centric SCSS ที่ออกแบบมาสำหรับการสร้างต้นแบบอย่างรวดเร็ว |
| กูเทนเบิร์ก | กรอบที่ทันสมัยในการพิมพ์เว็บอย่างถูกต้อง |
| มีแสงสว่าง | เฟรมเวิร์ก CSS ที่ตอบสนองต่อไฟน้อยที่สุดในโลก (395 ไบต์) |
| อาร์เวส | Arwes เป็นเฟรมเวิร์กเว็บในการสร้างส่วนต่อประสานผู้ใช้ตามการออกแบบนิยายวิทยาศาสตร์แห่งอนาคตภาพเคลื่อนไหวและเอฟเฟกต์เสียง |
| คนโบเจเลอร์ | Bojler เป็นเฟรมเวิร์กอีเมลสำหรับการพัฒนาเทมเพลตอีเมลที่ตอบสนองและมีน้ำหนักเบาซึ่งจะแสดงผลอย่างถูกต้องในแต่ละไคลเอนต์อีเมลที่ได้รับความนิยมมากที่สุด |
| โดยปริยาย | เฟรมเวิร์ก CSS ดั้งเดิมสำหรับหุ่นโดยไม่มีชั้นเรียน |
| เทอร์มินัล CSS | กรอบ CSS ที่ทันสมัยและน้อยที่สุดสำหรับคนรักเทอร์มินัล |
| ซากุระ | กรอบ / ชุดรูปแบบ CSS แบบไม่มีคลาสน้อยที่สุด |
| พีโซน | เฟรมเวิร์ก CSS สไตล์ PS1 ซึ่งได้รับแรงบันดาลใจจาก NES.CSS |
| มาร์กซ์ | Marx เป็น CSS ที่ไม่มีคลาสรีเซ็ตเพื่อใช้ในโครงการใด ๆ (คือขนาดเล็ก) |
| tufte | จัดสไตล์หน้าเว็บของคุณเช่นเอกสารประกอบคำบรรยายของ Edward Tufte |
| แกน | Axentix เป็นเฟรมเวิร์กโอเพ่นซอร์สตามกริด CSS โดยใช้ HTML, CSS และ JS |
| ระบบกริด Simple Raster | ระบบกริด CSS ที่น้อยที่สุดและตรงไปตรงมาโดยใช้ HTML เชิงพรรณนามากกว่า CSS แบบความหมาย |
| ไหลลื่นไหล | FlowRift เป็นห้องสมุดที่ทำจากบล็อก CSS UI ที่ออกแบบมาอย่างสวยงาม |
| บิดเบี้ยว | โซลูชันที่เล็กที่สุดเร็วที่สุดและมีคุณสมบัติมากที่สุด |
| pico.css | สไตล์ที่สง่างามสำหรับองค์ประกอบ HTML ของชาวพื้นเมืองทั้งหมดโดยไม่ต้องใช้. classes และโหมดมืดเปิดใช้งานโดยอัตโนมัติ |
| clay.css | Micro CSS CSS ที่สามารถขยายได้และกำหนดค่าได้ |
| beercss | สร้างอินเทอร์เฟซการออกแบบวัสดุในเวลาบันทึกโดยไม่มีความเครียดสำหรับ devs? เฟรมเวิร์ก CSS แรกที่ใช้การออกแบบวัสดุ 3 |
| unocss | UNOCSS เป็นเครื่องยนต์ CSS อะตอมที่ออกแบบมาเพื่อยืดหยุ่นและขยายได้ แกนกลางนั้นไม่ได้รับการกระตุ้นและยูทิลิตี้ CSS ทั้งหมดนั้นมีให้ผ่านที่ตั้งไว้ล่วงหน้า |
| ดาวเนปจูน CSS | ดาวเนปจูน CSS เป็นกรอบ CSS ที่มีน้ำหนักเบา ใช้เพื่อพัฒนาเว็บไซต์ของคุณเร็วขึ้น |
| สไตล์ | Stylex เป็นไวยากรณ์ JavaScript และคอมไพเลอร์ที่ใช้งานง่ายและใช้งานง่ายสำหรับการออกแบบเว็บแอพ |
| วงโคจร | Orbit เป็นเฟรมเวิร์ก CSS แรกสำหรับการสร้างอินเทอร์เฟซเรเดียลที่เรียบง่ายหรือซับซ้อน |
วิธีการ CSS เพื่อช่วยเขียนโค้ดแบบแยกส่วนสามารถนำกลับมาใช้ใหม่ได้และปรับขนาดได้
| เว็บไซต์ | คำอธิบาย |
|---|---|
| oocss | แนวคิด OOCSS ช่วยให้เราเขียนส่วนประกอบที่มีความยืดหยุ่นโมดูลาร์และใช้แทนกันได้ |
| Atomic CSS | Atomic CSS เป็นวิธีการในสถาปัตยกรรม CSS ที่โปรดปรานคลาสขนาดเล็กอเนกประสงค์ที่มีชื่อตามฟังก์ชั่นภาพ |
| ซากศพ | Block Element Modifier เป็นวิธีการที่ช่วยให้คุณสร้างส่วนประกอบที่นำมาใช้ซ้ำได้และการแบ่งปันรหัสในการพัฒนาส่วนหน้า |
| Smacss | SMACSS เป็นวิธีในการตรวจสอบกระบวนการออกแบบของคุณและเป็นวิธีที่จะพอดีกับกรอบการทำงานที่เข้มงวดเหล่านั้นในกระบวนการคิดที่ยืดหยุ่น |
| ลูกบาศก์ | Cube CSS เป็นวิธีการ CSS ที่มุ่งเน้นไปที่ความเรียบง่ายลัทธิปฏิบัตินิยมและความสอดคล้อง |
ภาพเคลื่อนไหว CSS เพื่อสร้างภาพเคลื่อนไหวที่ยอดเยี่ยมสำหรับเว็บไซต์และแอปพลิเคชัน
| เว็บไซต์ | คำอธิบาย |
|---|---|
| Animate.css | แอนิเมชั่น CSS ที่เพิ่มขึ้น |
| bounce.js | bounce.js เป็นเครื่องมือและไลบรารี JS ที่ให้คุณสร้างภาพเคลื่อนไหวขับเคลื่อน CSS3 ที่สวยงาม |
| anime.js | anime.js (/ˈæn.ə.meɪ/) เป็นไลบรารีแอนิเมชั่น JavaScript ที่มีน้ำหนักเบาด้วย API ที่เรียบง่าย แต่ทรงพลัง มันทำงานกับคุณสมบัติ CSS, SVG, คุณลักษณะ DOM และวัตถุ JavaScript |
| อนิเมชั่นเวทมนตร์ | แอนิเมชั่นเป็นหนึ่งในห้องสมุดแอนิเมชั่นที่น่าประทับใจที่สุด |
| zdog | เอ็นจิ้น Pseudo-3d ที่เป็นมิตรกับนักออกแบบสำหรับนักออกแบบสำหรับ Canvas & SVG |
| Csshake | CSShake มอบสิ่งที่กล่าวไว้ในกล่อง - ห้องสมุด CSS ที่ออกแบบมาโดยเฉพาะสำหรับองค์ประกอบการเขย่าภายในหน้าเว็บของคุณ |
| hover.css | Hover.css เป็นไลบรารีแอนิเมชั่น CSS ที่ออกแบบมาเพื่อใช้กับปุ่มและองค์ประกอบ UI อื่น ๆ ในเว็บไซต์ของคุณ |
| anijs | Anijs เป็นไลบรารีแอนิเมชั่นที่ให้คุณเพิ่มภาพเคลื่อนไหวลงในองค์ประกอบในโครงสร้าง 'เหมือนประโยค' แบบง่าย ๆ |
| อนิสม์ | ภาพเคลื่อนไหว CSS ตามความต้องการ |
| tachyons-เงียบ | Tachyons เองเป็นห้องสมุด Atomic CSS ที่มีคลาสยูทิลิตี้มากมายสำหรับการออกแบบสิ่งใด ๆ โดยการเพิ่มคลาสไปยังสิ่งที่คุณต้องการ |
| sequence.js | Sequence.js เป็นไลบรารี JavaScript ที่ให้กรอบ CSS ที่ตอบสนองได้สำหรับการสร้างแถบเลื่อนที่ไม่เหมือนใครการนำเสนอแบนเนอร์และแอปพลิเคชันขั้นตอนอื่น ๆ |
| อนันต์ | ภาพเคลื่อนไหวเหล่านี้เช่นการหมุนและพัลส์ที่ออกแบบมาโดยเฉพาะเพื่อให้ทำงานและทำซ้ำตลอดไป |
| น่ารังเกียจ. css | ภาพเคลื่อนไหวเพื่อหัวใจที่แข็งแกร่งและอ่อนแอ |
| การเคลื่อนไหว UI | ห้องสมุด SASS สำหรับการสร้างการเปลี่ยน CSS ที่ยืดหยุ่นและภาพเคลื่อนไหว |
| keyframes.app | อินเทอร์เฟซผู้ใช้กราฟิกสำหรับการสร้างภาพเคลื่อนไหวคีย์เฟรม CSS แบบกำหนดเองที่กำหนดเอง |
| ความคิด | การเปลี่ยนและการเปลี่ยนแปลงของ CSS สำหรับผู้เริ่มต้น |
| SVG Artista | เครื่องมือที่มีประโยชน์สำหรับการเคลื่อนไหวแบบเคลื่อนไหวและเติมคุณสมบัติในภาพ SVG ด้วยรหัส CSS ธรรมดา |
| Animxyz | Animxyz ช่วยให้คุณสร้างปรับแต่งและเขียนภาพเคลื่อนไหวสำหรับเว็บไซต์ของคุณ สร้างขึ้นสำหรับ Vue, React, SCSS และ CSS |
| วน | CSS กำลังโหลดภาพเคลื่อนไหวด้วยความพยายามน้อยที่สุด! |
| แฮมเบอร์เกอร์ | แฮมเบอร์เกอร์เป็นคอลเล็กชั่นไอคอนแฮมเบอร์เกอร์ CSS ที่อร่อย รวมถึงแหล่งที่มาเป็นห้องสมุด Sass มันเป็นแบบแยกส่วนและปรับแต่งได้ดังนั้นปรุงแฮมเบอร์เกอร์ของคุณเอง |
| CSS Loaders & Spinners | นี่คือห้องสมุดที่มีคอลเลกชันของ css loaders ประเภทต่าง ๆ , สปินเนอร์ |
| เคลื่อนไหวหนึ่ง | ไลบรารีแอนิเมชั่นใหม่ที่สร้างขึ้นบนเว็บแอนิเมชั่น API สำหรับขนาดที่เล็กที่สุดและประสิทธิภาพที่เร็วที่สุด |
| โคโลโค | สร้างภูมิหลังแบบไดนามิกสำหรับเว็บไซต์ของคุณ |
| กรวด | ไลบรารีแอนิเมชั่น CSS ที่ง่ายและมีน้ำหนักเบาสุด ๆ |
| เอโอเอส | เคลื่อนไหวบนห้องสมุดเลื่อน |
| อนิเมชั่น | ตัวอย่างแอนิเมชั่น CSS ที่เพิ่มขึ้น |
ไลบรารีภาพเคลื่อนไหว JavaScript เพื่อสร้างภาพเคลื่อนไหวที่ยอดเยี่ยมสำหรับเว็บไซต์และแอปพลิเคชัน
| เว็บไซต์ | คำอธิบาย |
|---|---|
| สีเขียวขจี | ห้องสมุด JavaScript สำหรับการสร้างภาพเคลื่อนไหวประสิทธิภาพสูงที่ทำงานในทุกเบราว์เซอร์หลัก |
| Velocity.js | Velocity เป็นเอ็นจิ้นแอนิเมชั่นที่มีน้ำหนักเบาที่มี API เดียวกับ $ .animate ของ jQuery () |
| lax.js | ปลั๊กอิน JavaScript วานิลลาที่เรียบง่ายและเบาเพื่อสร้างภาพเคลื่อนไหวที่ราบรื่นและสวยงามเมื่อคุณเลื่อน! |
| rellax.js | เนยที่เรียบเนียนน้ำหนักเบาซุปเปอร์วานิลลาจาวาสคริป Parallax |
| สาม.js | ไลบรารี 3D ที่ใช้งานง่ายน้ำหนักเบาพร้อมตัวแสดงผล WebGL เริ่มต้น |
| atropos | Atropos เป็นไลบรารี JavaScript ที่มีน้ำหนักเบาฟรีและโอเพ่นซอร์สเพื่อสร้างเอฟเฟกต์โฮเวอร์ 3D Parallax ที่เป็นมิตรกับสัมผัสที่น่าทึ่ง |
| ว้าว. js | เปิดเผยภาพเคลื่อนไหวเมื่อคุณเลื่อน |
| chocolat.js | ปลั๊กอิน Lightbox ฟรี |
| เคลื่อนไหวบนสกรอลล์ | Animate on Scroll Library เพื่อเปิดเผยภาพเคลื่อนไหวเมื่อคุณเลื่อน |
| tilt.js | การร้องขอขนาดเล็กเฟรมขับเคลื่อน 60+FPS ที่มีน้ำหนักเบา Parallax Hover Hover Tilt สำหรับ jQuery |
| การหยาบกร้าน | สัญกรณ์คร่าว |
| tsparticles | ไลบรารีที่มีน้ำหนักเบาสำหรับการสร้างอนุภาคซึ่งเป็นรุ่นที่ได้รับการปรับปรุงของอนุภาคที่ถูกทิ้งร้างและล้าสมัย js |
| particles.js | ไลบรารี JavaScript ที่มีน้ำหนักเบาสำหรับการสร้างอนุภาค |
| mo.js | เบลต์เครื่องมือกราฟิกการเคลื่อนไหวสำหรับเว็บ |
| Lightbox2 | ไลบรารี JS ขนาดเล็กเพื่อซ้อนรูปภาพที่ด้านบนของหน้าปัจจุบัน |
| เนียน | ม้าหมุนตอบสนองอย่างเต็มที่ |
| barba.js | สร้างการเปลี่ยนผ่านของเหลวและราบรื่นระหว่างหน้าเว็บไซต์ของคุณ |
| ม้วนหัวรถจักร | ห้องสมุดเลื่อนแบบง่าย ๆ ที่ให้การตรวจจับองค์ประกอบในการดูพอร์ตและการเลื่อนแบบราบรื่นด้วย Parallax |
| นกฮูกม้าหมุน | ม้าหมุน jquery ตอบสนองฟรี |
| Swiperjs | ฟรีโอเพ่นซอร์สตัวเลื่อนที่ทันสมัยโดยไม่มี jQuery มีให้สำหรับวานิลลา JS และเฟรมเวิร์กที่ทันสมัยทั้งหมดเช่น React, Vue, Angular ฯลฯ |
| แยกออกจากกัน | ฟรีห้องสมุด JS บริสุทธิ์สำหรับม้าหมุนและแถบเลื่อน |
| Parallax ง่ายๆ | วิธีที่ง่ายที่สุดในการรับเอฟเฟกต์ Parallax ด้วย JavaScript |
| kute.js | Kute.js เป็นเครื่องมือแอนิเมชั่น JavaScript สำหรับเบราว์เซอร์ที่ทันสมัย |
| granim.js | สร้างภาพเคลื่อนไหวการไล่ระดับสีของเหลวและแบบโต้ตอบด้วยไลบรารี JavaScript ขนาดเล็กนี้ |
| การเคลื่อนไหว | ไลบรารีภาพเคลื่อนไหวอย่างง่ายสำหรับส่วนต่อประสานผู้ใช้ที่น่ายินดี |
| วิฟุส | Vivus เป็นคลาส JavaScript ที่มีน้ำหนักเบา (โดยไม่มีการพึ่งพา) ที่ช่วยให้คุณสามารถเคลื่อนไหว SVGs ทำให้พวกเขาปรากฏตัวขึ้น |
| พิมพ์. js | ไลบรารีแอนิเมชั่นพิมพ์ JavaScript |
| Bar.js ความคืบหน้า | แถบความคืบหน้าและลื่นไหลด้วยเส้นทาง SVG แบบเคลื่อนไหว |
| เที่ยงคืน js | เที่ยงคืน js ให้คุณสลับส่วนหัวคงที่ได้ทันที |
| tingle.js | Tingle เป็นปลั๊กอินแบบเรียบง่ายที่เขียนด้วยจาวาสคริปต์บริสุทธิ์ |
| Theatre.js | Theatre.js เป็นไลบรารีแอนิเมชั่น JavaScript ที่มี GUI มันเคลื่อนไหวตัวแปร DOM, WebGL และตัวแปร JavaScript อื่น ๆ |
| splidejs | Splide เป็นตัวเลื่อน/ตัวเลื่อนที่มีน้ำหนักเบายืดหยุ่นและเข้าถึงได้เขียนเป็นตัวพิมพ์ใหญ่ ไม่มีการพึ่งพาไม่มีข้อผิดพลาดของประภาคาร |
| คลื่นที่ดี | คลื่นภาพเคลื่อนไหวที่สวยงาม |
| vanta.js | พื้นหลังของเว็บไซต์ภาพเคลื่อนไหวในรหัสไม่กี่บรรทัด |
| แยก. js | การแยกสร้างองค์ประกอบและเพิ่มตัวแปร CSS เพื่อปลดล็อกความเป็นไปได้ที่น่าทึ่งสำหรับข้อความภาพเคลื่อนไหวกริดและอื่น ๆ ! |
ห้องสมุดที่ช่วยให้นักพัฒนาเห็นภาพข้อมูลลงในชาร์ต
