Tài nguyên thiết kế cho nhà phát triển

Tram Ho

Mục lục

Đồ họa giao diện người dùng

Các trang web và tài nguyên có các thành phần giao diện người dùng hiện đại ở các định dạng khác nhau như PSD, Sketch, Figma, v.v. Chúng rất phù hợp cho các ý tưởng cho các thành phần web / giao diện người dùng

Trang mạng Sự miêu tả
UI Design Daily Các thành phần giao diện người dùng tuyệt vời của tất cả các loại
100 giao diện người dùng hàng ngày Thư viện Figma miễn phí về các sản phẩm, phần tử và màn hình
Nguồn ứng dụng phác thảo Phác thảo giao diện người dùng, khung dây, biểu tượng và hơn thế nữa
Loài người Hình minh họa tuyệt vời về những người có khả năng trộn và kết hợp
Paaatterns Bộ sưu tập miễn phí các mẫu đẹp cho mọi định dạng vector
thepatternlibrary Mẫu nền đẹp miễn phí
404 minh họa minh họa miễn phí cho 404 trang
Drawkit.io Minh họa cho các nhà thiết kế và khởi nghiệp
Undraw.co Hình minh họa mã nguồn mở cho bất kỳ ý tưởng nào bạn có thể tưởng tượng và sáng tạo
Illustration.co Bộ minh họa mã nguồn mở
Manypixels.co Hình minh họa đơn sắc, Isometric chất lượng cao
Mở Peeps Thư viện minh họa vẽ tay
Không gian giao diện người dùng Hàng ngàn giao diện người dùng miễn phí tuyệt vời
Animations.co Biểu tượng GIF động đẹp, có thể tùy chỉnh
Uplabs Tài nguyên thiết kế chất lượng cao (Miễn phí & Cao cấp)
InvisionApp Thư viện các bộ giao diện người dùng, gói biểu tượng và mô hình miễn phí, chất lượng cao
Mở Doodles Một bộ Hình minh họa Sơ đồ Miễn phí
Hình đại diện Thư viện phác thảo miễn phí các minh họa avatar của Pablo Stanley
FreebieSketch Thiết kế Sketch miễn phí, khung dây, hình minh họa và hơn thế nữa.
Má hồng Hình minh họa có thể tùy chỉnh miễn phí với Plugin Figma
Hình mẫu anh hùng Bộ sưu tập các mẫu nền SVG có thể lặp lại
Thiết kế IRA Một bộ sưu tập hình minh họa gradient mã nguồn mở theo thời gian sáng tạo.
Storytale.io Tập hợp các hình minh họa chất lượng miễn phí Storytale
icon8.com/illustrations Hình minh họa vector miễn phí để phân loại dự án của bạn
Patternico Bộ tạo mẫu liền mạch
Hàng hóa tự do Hình nền miễn phí cho các trang đích tuyệt vời
Hình minh họa Pixeltrue Hình ảnh động miễn phí
<a href="#table-of-contents"> ↥ Quay lại đầu trang </a>

Phông chữ

Các trang web cung cấp phông chữ miễn phí cũng như các công cụ dựa trên phông chữ

Trang mạng Sự miêu tả
Phông chữ Google Thư viện khoảng 1000 họ phông chữ được cấp phép miễn phí
DaFont Lưu trữ các font chư co thể tải miễn phí
Sử dụng & Sửa đổi Lựa chọn cá nhân các kiểu chữ đẹp, sang trọng, punk, chuyên nghiệp, không hoàn chỉnh, kỳ lạ
1001 phông chữ miễn phí Tôi nghĩ cái tên đã nói lên chính nó 😏
Font Squirrel Font Squirrel tìm kiếm trên internet để tìm kiếm các phông chữ miễn phí hợp pháp, chất lượng cao
Vải phông chữ Một xưởng đúc kiểu kỹ thuật số tạo ra các phông chữ bán lẻ và kiểu chữ tùy chỉnh cho các thương hiệu khác nhau
Phông chữ gì Công cụ để tìm phông chữ của một trang web mà không cần phải tìm kiếm trong devtools
Tiff Một công cụ khác biệt kiểu tương phản trực quan sự khác biệt giữa hai phông chữ
Thực hành TypeKit Tìm hiểu về thực hành kiểu chữ
Fontjoy Tạo ghép nối phông chữ trong một cú nhấp chuột
Tỉ lệ vàng Máy tính Typography Tỷ lệ Vàng
FontSpark Khám phá phông chữ đẹp hơn
FontPair Giúp bạn ghép nối các Phông chữ Google với nhau
Không gian phông chữ Trang web phông chữ miễn phí tập trung vào nhà thiết kế có các bản xem trước có thể tùy chỉnh nhanh chóng
Phông chữ trừu tượng Phông chữ miễn phí cho mục đích sử dụng cá nhân và thương mại
Kiểu chữ miễn phí Danh sách các phông chữ chất lượng cao
Leon Sans Một kiểu chữ sans-serif hình học được tạo bằng mã
Lexend Một phông chữ thay đổi được chứng minh theo kinh nghiệm để cải thiện đáng kể trình độ đọc
Phông chữ cho Nền tảng Apple Nhận thông tin chi tiết, khuôn khổ và công cụ bạn cần để sử dụng phông chữ hệ thống cho nền tảng Apple trong ứng dụng của bạn
SFWin Phông chữ San Francisco dành cho Windows 10 và Nền tảng không phải của Apple
Font Flipper Xem trước hơn 800 Phông chữ Google trên đầu các thiết kế của riêng bạn mà không cần phải tải xuống phông chữ
Đấu trường Fonts Phông chữ được sắp xếp miễn phí
Befonts Phông chữ chất lượng cao miễn phí
Phông chữ Ả Rập Phông chữ Ả Rập miễn phí
FontDrop Cách đơn giản và dễ dàng để xem nội dung của tệp phông chữ
Mở xưởng đúc Nền tảng MIỄN PHÍ cho các kiểu chữ mã nguồn mở được quản lý
Glyphter Tải lên SVGS của riêng bạn và biến chúng thành tệp phông chữ. Hữu ích nếu bạn muốn tải một thư viện nhỏ hơn
Trình trợ giúp Google Webfonts Một cách đơn giản để tự lưu trữ Phông chữ Google

Màu sắc

Các trang web và tài nguyên giúp đưa ra các lựa chọn liên quan đến màu sắc

Trang mạng Sự miêu tả
Colormind.io Trình tạo bảng màu
ColorCurves.app Trình tạo bảng màu sử dụng các đường cong để tạo bảng màu
Máy làm mát Tạo bảng màu hoàn hảo hoặc lấy cảm hứng từ hàng nghìn cách phối màu đẹp mắt
Mã màu HTML Nhận mã màu HTML, mã màu Hex, giá trị RGB và HSL với bộ chọn màu, biểu đồ màu và tên màu HTML của chúng tôi
Màu sắc & Phông chữ Thư viện màu sắc, phông chữ và tài nguyên được tuyển chọn
Danh sách bảng màu Chọn 2 màu bạn thích và công cụ tạo ra hàng nghìn bảng màu cho bạn.
Google Material Color Tool Công cụ bảng màu vật liệu chính thức của Google
Bảng nguyên liệu Miễn phí chọn bảng màu, biểu tượng và màu sắc cho Material Design
Không gian màu Tạo bảng màu đẹp từ một màu
Màu phẳng Bộ bảng màu đẹp mắt với nhiều hương vị khác nhau
Màu Adobe Tạo bảng màu, trích xuất gradient từ hình ảnh, v.v.
Colorsinspo Tài nguyên tất cả trong một để tìm kiếm mọi thứ về màu sắc
Happyhues Happy Hues là một trang web truyền cảm hứng về bảng màu hoạt động như một ví dụ thực tế về cách màu sắc có thể được sử dụng trong các dự án thiết kế của bạn bởi Mackenzie Child
Xu hướng Adobe Khám phá xu hướng màu sắc hiện tại trong các ngành khác nhau từ các cộng đồng sáng tạo trên Behance và Adobe Stock
Săn màu Một nền tảng miễn phí và cởi mở cho cảm hứng về màu sắc với hàng nghìn bảng màu thời thượng được chọn lọc thủ công
Gradient Hunt Một nền tảng miễn phí và mở cho cảm hứng gradient với hàng ngàn gradient màu thời thượng được chọn bằng tay
Gradients Web Một trang web miễn phí để tìm các gradient css tốt
Hộp màu Một trang web miễn phí để sản xuất bộ màu
CSS gradient Một trang web miễn phí để tạo gradient sữa trứng và một số ví dụ về gradient
gradienta Một gradient css và jpg thuần túy
UI Gradients Trình tạo màu chuyển sắc UI
Máy phát Palette Tạo bảng màu mới với mỗi lần nhấn phím cách
Bảng vật liệu Hơn 1000 bảng thiết kế Material Design
Grabient Bộ chọn Gradient
ShadeSwash Nhanh chóng tạo ra các sắc thái của bất kỳ màu nào
Màu sắc thương hiệu Bộ sưu tập lớn nhất các mã màu thương hiệu chính thức
THƯƠNG HIỆU PALETTES Bảng màu và mã màu biểu trưng
Material Design Palette Generator Tạo chủ đề và bảng màu giống Material Design
Tô màu Công cụ phối màu dành cho nhà thiết kế và nhà phát triển. Điều này sẽ giúp bạn rút ra nguồn cảm hứng và phục vụ như một nguồn lực cho công việc màu sắc của bạn.
0to255 Một công cụ màu giúp dễ dàng làm sáng và làm tối màu. Nó hoàn hảo cho các trạng thái di chuột, đường viền, độ dốc và hơn thế nữa.
Máy xay sinh tố màu Một công cụ hiển thị màu trung điểm giữa hai màu
Các nút Gradient Sẵn sàng sử dụng sao chép / dán các nút chuyển màu
Khroma Khroma sử dụng AI để tìm hiểu màu sắc bạn thích và tạo ra các bảng màu vô hạn để bạn khám phá, tìm kiếm và lưu.
ai có thể Một công cụ thu hút sự chú ý và hiểu biết về cách độ tương phản màu sắc có thể ảnh hưởng đến những người khiếm thị khác nhau.
Đáng yêu Máy kiểm tra độ tương phản kết hợp màu
Bộ chọn màu Hex Công cụ để lấy mã hex cùng với tên của màu.
Saruwakakun Bảng màu tuyệt đẹp cho các thiết kế trang web và ứng dụng với các bản xem trước
Paletton Paletton.com là một công cụ thiết kế màu sắc được thiết kế để tạo ra các kết hợp màu sắc hoạt động tốt với nhau.
Colorzilla Một trình chỉnh sửa gradient CSS giống như cửa hàng ảnh trực tuyến mạnh mẽ
Bộ chọn màu hình ảnh Bộ chọn màu hình ảnh và trình tạo bảng màu
Kết hợpCOLORS Công cụ trộn màu
Những người yêu thích màu sắc nó sẽ hiển thị các bảng màu phổ biến ở thế giới bên ngoài
Màu HTML CSS Các công cụ Màu (Mỹ) hoặc Màu (Anh) trực tuyến miễn phí: thông tin, trình tạo độ dốc, bánh xe màu, v.v.
Mã màu HEX Nó nhận mã màu HTML, mã màu Hex, giá trị RGB và HSL với bộ chọn màu, biểu đồ màu và tên màu HTML của chúng tôi.
CoolHue 2.0 Một công cụ miễn phí hiển thị các ví dụ về độ dốc khác nhau ở định dạng CSS và PNG
<a href="#table-of-contents"> ↥ Quay lại đầu trang </a>

Biểu tượng

Tài nguyên cho các biểu tượng bao gồm png, svg và hơn thế nữa

Trang mạng Sự miêu tả
UXWing Được tối ưu hóa tốt, các biểu tượng miễn phí để sử dụng thương mại
Shapedfonts Iconclub 8000+ biểu tượng miễn phí
Biểu tượng lông vũ Biểu tượng mã nguồn mở đẹp, có thể tùy chỉnh
Biểu tượng tabler 470+ biểu tượng SVG mã nguồn mở có thể tùy chỉnh cao
Các biểu tượng đơn giản 1307 Biểu tượng SVG miễn phí cho các thương hiệu phổ biến
Tìm kiếm biểu trưng tức thì hàng ngàn logo thương hiệu miễn phí (SVG – PNG)
Biểu tượng tuyến tính Hơn 1000 biểu tượng vector cực kỳ sắc nét
Entypo 411 chữ tượng hình cao cấp được chế tác cẩn thận bởi Daniel Bruce
Icons8 Các biểu tượng, ảnh, vectơ và công cụ miễn phí
Biểu tượng phẳng Cơ sở dữ liệu lớn nhất về các biểu tượng miễn phí ở các định dạng PNG, SVG, EPS, PSD và BASE 64
Dự án Danh từ Hơn 2 triệu biểu tượng được quản lý, được tạo bởi cộng đồng toàn cầu
Iconscout Tải xuống miễn phí Hình ảnh minh họa biểu tượng tại một nơi
Ứng dụng Nucleo Nucleo là một thư viện tuyệt đẹp gồm 27500 biểu tượng và là một ứng dụng mạnh mẽ để thu thập, tùy chỉnh và xuất tất cả các biểu tượng của bạn. (Miễn phí & Trả phí)
Icon-icons.com Các biểu tượng miễn phí PNG, ICO, ICNS và tập tin Vector SVG
Biểu tượng Bootstrap Các biểu tượng miễn phí được xây dựng cho Bootstrap nhưng chúng sẽ hoạt động trong bất kỳ dự án nào
Biểu tượng phối lại Hệ thống biểu tượng đơn giản là thú vị
Iconmonstr Khám phá hơn 4496 biểu tượng miễn phí trong 313 bộ sưu tập
Vivid.js Sẵn sàng sử dụng miễn phí và mã nguồn mở SVG Icons Pack JavaScript Library.
Iconfinder Biểu tượng vector miễn phí và cao cấp ở định dạng SVG, PNG, CSH và AI
Lordicon 50 biểu tượng tương tác hoạt hình miễn phí
UseAnimations Các biểu tượng hoạt hình miễn phí ở định dạng SVG và Json (dành cho lottie)
css.gg 700+ Biểu tượng giao diện người dùng CSS, SVG và Figma nguồn mở Có sẵn trong SVG Sprite, các thành phần được tạo kiểu, NPM & API
SVGPorn Hơn 1000 logo SVG chất lượng cao
Biểu trưng hệ thống thanh toán Biểu trưng cho hệ thống thanh toán có sẵn trong png và svg
Biểu trưng trình duyệt Biểu trưng trình duyệt web có độ phân giải cao
IconBros 7843+ biểu tượng miễn phí được nhóm trong 182 bộ sưu tập
LogoHub Tạo và tải xuống biểu trưng của bạn miễn phí ở định dạng PNG và SVG
Material Design biểu tượng Bộ sưu tập biểu tượng cho phép các nhà thiết kế và nhà phát triển nhắm mục tiêu đến các nền tảng khác nhau tải xuống các biểu tượng ở định dạng, màu sắc và kích thước mà họ cần cho bất kỳ dự án nào.
Anh hùng Các biểu tượng mã nguồn mở, miễn phí từ những người tạo ra Tailwind CSS.
Zondicons Một tập hợp các biểu tượng SVG cao cấp miễn phí để bạn sử dụng trên các sản phẩm kỹ thuật số của mình.
Biểu tượng vô tận Một trang web cung cấp một số biểu tượng miễn phí. Các biểu tượng được gắn thẻ và cũng được nén thành bộ dụng cụ.
Icomoon Duyệt qua hơn 5500 biểu tượng miễn phí. Thêm bất kỳ bộ nào bạn muốn để dễ dàng duyệt và tìm kiếm các biểu tượng của nó.
Eva các biểu tượng Eva Icons là một gói gồm hơn 480 biểu tượng Mã nguồn mở được làm thủ công đẹp mắt cho các hành động và mục thông thường.
Zondicons Một tập hợp các biểu tượng SVG cao cấp miễn phí để bạn sử dụng trên các sản phẩm kỹ thuật số của mình. bạn có thể tải các biểu tượng xuống màn hình của mình
Entypo 411 chữ tượng hình cao cấp được chế tác cẩn thận
Cryptoicons Một bộ gồm 430 biểu tượng tiền điện tử và tiền pháp định. Hoàn toàn miễn phí.
Ikonate Các biểu tượng vector hoàn toàn có thể tùy chỉnh và có thể truy cập
appicon Nhanh chóng tạo các biểu tượng ứng dụng ở các kích thước khác nhau cho các dự án IOS, macOS và Android của bạn
LineIcons 2000+ Biểu tượng Dòng cần thiết cho Nhà thiết kế và Nhà phát triển
Evericons Evericons là một gói lớn gồm hơn 460 biểu tượng miễn phí được thiết kế bởi Aleksey Popov.
SVG Repo Tải xuống SVG Vectors miễn phí để sử dụng thương mại.
Convertio Chuyển đổi tệp PNG sang SVG trực tuyến và miễn phí. (Một trong những dịch vụ được cung cấp bởi nó.)
BIỂU TƯỢNG CSS Bộ biểu tượng được tạo bằng mã css thuần túy, không có phụ thuộc, biểu tượng "lấy và đi"
Biểu tượng hợp nhất Hàng nghìn biểu tượng, một khung thống nhất. Một thư viện, hơn 40.000 biểu tượng vector.
<a href="#table-of-contents"> ↥ Quay lại đầu trang </a>

Yêu thích

Tài nguyên cho Favicons

Trang mạng Sự miêu tả
Favicon.io Tạo biểu tượng yêu thích từ văn bản, từ hình ảnh hoặc từ biểu tượng cảm xúc. Tải xuống ở định dạng .ico và .png
Trình tạo Favicon Tạo tệp biểu tượng yêu thích cho trang web của bạn
RealFaviconGenerator Tạo biểu tượng cho tất cả các nền tảng (Windows, iOS, Android)
FontIcon Tạo biểu tượng yêu thích và hình ảnh từ các biểu tượng Font Awesome

Phông chữ Biểu tượng

Tài nguyên cho Phông chữ Biểu tượng

Trang mạng Sự miêu tả
Phông chữ tuyệt vời Bộ biểu tượng và bộ công cụ phổ biến nhất trên web
Dòng tuyệt vời Thay thế Font Awesome bằng các biểu tượng dòng hiện đại
Biểu tượng vật liệu Thư viện vật liệu thiết kế biểu tượng
IonIcons Các biểu tượng mã nguồn mở được chế tác đẹp mắt từ nhóm Ionic
Zurb Foundation các biểu tượng Biểu tượng Foundation có thể tùy chỉnh
Biểu tượng Fontisto Fontisto bộ công cụ css và phông chữ mang tính biểu tượng · 616+ biểu tượng miễn phí
Boxicon Boxicons là một bộ sưu tập miễn phí các biểu tượng mã nguồn mở được chế tạo cẩn thận
Icofont Hơn 2100 biểu tượng miễn phí để thêm gia vị cho các thiết kế sáng tạo của bạn
Bảng nguyên liệu Miễn phí chọn bảng màu, biểu tượng và màu sắc cho Material Design]
Phông chữ mang tính biểu tượng của Material Design Material design biểu tượng phông chữ
Vscode Codicons Phông chữ biểu tượng từ Visual Studio Code
Devicon Devicon là một tập hợp các biểu tượng đại diện cho các ngôn ngữ lập trình, công cụ thiết kế và phát triển
PaymentFont Một webfont đẹp mắt dành cho các nhà khai thác và phương thức thanh toán. Có 116 biểu tượng
Biểu tượng thời tiết Biểu tượng thời tiết là phông chữ biểu tượng duy nhất có 222 biểu tượng theo chủ đề thời tiết
Nét 7 202 biểu tượng nét mỏng lấy cảm hứng từ iOS 7
Biểu tượng Jam Hơn 890 biểu tượng được làm thủ công để làm cho ứng dụng web của bạn trở nên tuyệt vời
Fontastic.me Tạo phông chữ biểu tượng tùy chỉnh của bạn trong vài giây. Hơn 9.000 biểu tượng có sẵn để chọn hoặc tải lên svg tùy chỉnh của bạn
Fontello Hơn 200 biểu tượng web, nơi bạn có thể tùy chỉnh tên hoặc mã của các biểu tượng.
Linea Linea: Có hơn 750 biểu tượng miễn phí
<a href="#table-of-contents"> ↥ Quay lại đầu trang </a>

Kho ảnh

Các trang web cung cấp kho ảnh miễn phí đủ loại cho các trang web và ứng dụng của bạn

Trang mạng Sự miêu tả
Pexels Kho ảnh miễn phí được chia sẻ bởi những người sáng tạo tài năng
Rút dây Nguồn hình ảnh có thể sử dụng miễn phí trên Internet
Pixabay Hơn 1,7 triệu + hình ảnh và video chất lượng cao
Magdeleine Thư viện & ảnh độ phân giải cao miễn phí hàng ngày
Picspree Hình ảnh miễn phí bản quyền, kho ảnh, minh họa và vectơ
Nổ Kho ảnh miễn phí bộ sưu tập
Gratisography Bộ sưu tập miễn phí các hình ảnh có độ phân giải cao miễn phí
Cuộc sống của Pix Chụp ảnh độ phân giải cao miễn phí
Cổ phiếu Snap Hàng trăm bức ảnh chất lượng cao được thêm hàng tuần
Morguefile Hơn 350.000 kho ảnh miễn phí để sử dụng cho mục đích thương mại
Kaboom Pics Nhiếp ảnh cổ phiếu và bảng màu. Tốt cho hình ảnh sản phẩm
Cổ phiếu cũ mới Kho ảnh cổ điển
Pic Jumbo Bộ sưu tập hay về các loại ảnh khác nhau
Hình ảnh Miền Công cộng Hình ảnh miền công cộng của tất cả các loại
Tìm ảnh Tìm kiếm nhiều trang web lưu trữ ảnh
Stockvault Ảnh chứng khoán đã phân loại
Trình giữ chỗ Một dịch vụ giữ chỗ hình ảnh miễn phí cho web. Bạn có thể chỉ định kích thước và định dạng hình ảnh
Ảnh thực tế Kho ảnh độ phân giải cao miễn phí
Không gian âm Kho ảnh miễn phí độ phân giải cao
SkitterPhoto Chụp ảnh độ phân giải cao miễn phí
PicoGraphy Hình ảnh tuyệt đẹp, độ phân giải cao, miễn phí
Wunder Stock Những bức ảnh miễn phí đáng kinh ngạc
Hình ảnh Hình ảnh & hình ảnh đẹp – PxHere
Piqsel Tiền Bản Quyền Hình ảnh Miễn Phí Bản Quyền
FoodiesFeed Kho ảnh đồ ăn
Tã lót Trang web cung cấp ảnh đẹp, độ phân giải cao về người da đen và da nâu.
Ảnh đã tạo Ảnh mô hình được tạo bằng AI độc đáo
Ảnh chụp lại Hình ảnh độc đáo miễn phí. Hình ảnh được chọn lọc kỹ lưỡng, không quá chắc chắn.
Hình ảnh miễn phí Tìm và tải xuống kho ảnh miễn phí – tất cả đều miễn phí cho mục đích sử dụng cá nhân và thương mại
Lorem Picsum Một API dễ sử dụng để có được những hình ảnh giữ chỗ đẹp mắt. Kích thước và các thông số khác có thể được chỉ định.
hình ảnh khoa học Thư viện hình ảnh chuyên về khoa học và hình ảnh thiên nhiên
Thư viện hình ảnh mạng tích hợp & ứng dụng Hình ảnh miễn phí để cung cấp cho các nhà khoa học, các nhà quản lý tài nguyên, các cơ quan chính phủ, các nhóm cộng đồng và các chuyên gia đồ họa nguồn tài nguyên để tăng cường giao tiếp khoa học.
Saxifraga Hình ảnh thiên nhiên miễn phí

Kho video

Các trang web cung cấp kho video miễn phí đủ loại cho các trang web và ứng dụng của bạn

Trang mạng Sự miêu tả
Pexels Thư viện video miễn phí lớn nhất do cộng đồng quyên góp
Pixabay Thư viện lớn các video miễn phí để sử dụng, do cộng đồng quyên góp tương tự như Pexels
Coverr.co Kho video đẹp miễn phí
Videezy Kho cảnh HD miễn phí & video 4K
Mix Kit Kho video clip và nhạc
Life Of Vids Các video clip và vòng lặp miễn phí
Videvo Kho video miễn phí và cao cấp
Loopvidz Miễn phí sử dụng Cinemagraphs được tạo bằng ứng dụng VIMAGE
<a href="#table-of-contents"> ↥ Quay lại đầu trang </a>

Âm nhạc & Hiệu ứng âm thanh

Trang web cung cấp kho nhạc miễn phí và / hoặc hiệu ứng âm thanh

Trang mạng Sự miêu tả
Nhạc kho miễn phí Kho nhạc miễn phí bản quyền cho video YouTube, podcast, v.v.
Bensound Tải xuống bản nhạc miễn phí bản quyền miễn phí và sử dụng nó trong dự án của bạn
Mixkit Nhạc miễn phí cho các dự án của bạn
Freesound Kho nhạc và âm thanh miễn phí
Kho lưu trữ nhạc miễn phí Cơ sở dữ liệu cộng tác về âm thanh được cấp phép sáng tạo cho các nhạc sĩ và những người yêu âm thanh
Musopen Thư viện nhạc cổ điển miễn phí bản quyền trực tuyến
Unminus Nhạc Cao Cấp Miễn Phí Cho Dự Án Của Bạn 🎁 Miễn Phí Bản Quyền. Đã xóa cho YouTube.

Vectơ & Clip nghệ thuật

Các vector, clipart, minh họa, mẫu miễn phí và hơn thế nữa

Trang mạng Sự miêu tả
Vecteezy Tìm và tải xuống nghệ thuật vector miễn phí
Freepik Các vectơ, kho ảnh, PSD và biểu tượng miễn phí
Vectơ miễn phí Cộng đồng những người yêu thích vector chia sẻ đồ họa vector miễn phí
PNGTree PNG, Nền, Mẫu, Hiệu ứng văn bản
Vector4Free Đồ họa vector miễn phí
Vectơ cổ điển Vectơ và đồ họa cổ điển
Đóng băng Vectơ, mẫu, mô hình và hơn thế nữa
Lukaszadam Công trình vector miễn phí
Illlustrations 100 hình ảnh minh họa đẹp – png, svg
Clip nghệ thuật Chọn png, trang màu, bản vẽ và hơn thế nữa cho các dự án của bạn từ bộ sưu tập miễn phí!
Minh họa Growwwkit Một bộ 8 hình minh họa đơn giản, đen trắng, phong cách
Logo các vector thế giới Tải xuống biểu tượng vector của các thương hiệu bạn yêu thích
trianglify.io Tạo hình nền, kết cấu và vectơ ít đa dạng
bãi Tạo hình khối cho ứng dụng Web và Flutter
HiClipart Một cộng đồng dành cho các nhà thiết kế chia sẻ và tải xuống các clipart nền trong suốt PNG
Truyện của Freepik Một bộ sưu tập các hình minh họa miễn phí và có thể tùy chỉnh cho các dự án
Hình minh họa màu đen Hình minh họa đẹp về người da đen (miễn phí và cao cấp)
Delesign Bộ sưu tập các hình minh họa miễn phí và hơn thế nữa
Bộ chia hình dạng tùy chỉnh Công cụ miễn phí giúp nhà thiết kế và nhà phát triển dễ dàng xuất bộ chia hình dạng SVG đẹp mắt
Nghệ thuật y tế Servier 3000 hình ảnh y tế miễn phí để minh họa các ấn phẩm và bản trình bày Powerpoint của bạn
Clker Clip nghệ thuật miễn phí bạn có thể sử dụng cho bất kỳ thứ gì bạn thích

Mô hình sản phẩm & hình ảnh

Tạo mô hình thiết bị và các sản phẩm khác

Trang mạng Sự miêu tả
Mô hình thông minh Tạo mô hình sản phẩm tuyệt đẹp (miễn phí và cao cấp)
Chụp nhanh Tạo hình ảnh mô phỏng thiết bị đẹp cho ứng dụng hoặc thiết kế trang web của bạn
Hiếm hoi Chuyển ngay ảnh chụp màn hình của bạn thành một mô hình
Screenshot.rocks Tạo mô hình trình duyệt và thiết bị di động đẹp mắt trong vài giây
Đỉnh màn hình Tạo một mô hình từ một URL
Mockup World Nguồn lớn nhất của Mockups ảnh thực tế trực tuyến miễn phí
Collab Shot Chụp màn hình theo thời gian thực và chia sẻ hình ảnh
Thiết bị Facebook Hình ảnh và tệp Sketch của các thiết bị phổ biến
Threed.io Tạo mô hình 3D ngay trong trình duyệt của bạn.
Mockuphone 100% giả lập miễn phí cho tất cả các thiết bị bao gồm IOS, Android, Windows Phone, Máy tính xách tay & Máy tính để bàn và TV
Chụp thiết bị Tạo mô hình thiết bị có độ phân giải cao cho mạng xã hội, miễn phí
<a href="#table-of-contents"> ↥ Quay lại đầu trang </a>

Mẫu HTML & CSS

Các trang web cung cấp các mẫu và chủ đề trang web đẹp miễn phí thuộc mọi loại

Trang mạng Sự miêu tả
HTML5Up Các chủ đề HTML5 / CSS3 đáp ứng rất hiện đại, độc đáo
Templatemo Chủ đề tối thiểu, sơ yếu lý lịch, thư viện ảnh và hơn thế nữa
Templated.co Tấn chủ đề HTML5 / CSS3 tối giản
Miễn phíHTML5 Chủ đề HTML5 và Bootstrap miễn phí và cao cấp
StyleShout Các mẫu trang web miễn phí được tạo ra một cách xuất sắc
Khởi động Bootstrap Chủ đề khởi động Bootstrap
Zerotheme Các mẫu HTML5, Bootstrap, Prestashop
HTML5xCSS3 Bộ sưu tập các mẫu tuyệt vời trong các danh mục khác nhau
Colorlib Hầu hết mọi loại chủ đề bạn có thể nghĩ ra
CSS miễn phí Bộ sưu tập khổng lồ các mẫu miễn phí
Hubspot Mẫu, đồ họa thông tin, biểu ngữ và nhiều hơn nữa
Mobirise Các mẫu HTML5 / CSS3 đẹp mắt
Bootswatch Các chủ đề miễn phí cho Bootstrap
Onepagelove Trang web một trang, mẫu và tài nguyên
Chủ đề cho ứng dụng Các chủ đề và trang đích Bootstrap miễn phí
BootstrapTaste Mẫu Bootstrap cao cấp & miễn phí
BootstrapMade Các mẫu miễn phí thanh lịch, sạch sẽ và đẹp mắt bằng Bootstrap.
W3Layouts W3Layouts: 3784+ Mẫu trang web miễn phí cho năm 2020
Tooplate Tooplate: Mẫu HTML miễn phí cho mọi người!
Cruip Các mẫu HTML được mã hóa hoàn toàn để giúp bạn dễ dàng xây dựng trang đích khởi động của mình mà không phức tạp.
Bóng râm Nhận các trang đích chuyển đổi cao miễn phí!
UIdeck Mẫu trang đích miễn phí và chủ đề Bootstrap
Splawr Các mẫu web miễn phí để bắt đầu ý tưởng của bạn!

Khung CSS

Khung CSS / UI để giúp xây dựng các trang web và ứng dụng có giao diện đẹp

Trang mạng Sự miêu tả
CSS Tailwind Khung cấp thấp, tiện ích ưu tiên
Bootstrap Khung giao diện người dùng phổ biến với rất nhiều thành phần sử dụng cả CSS và JS
Cụ thể hoá Khung giao diện người dùng đáp ứng hiện đại dựa trên Thiết kế Vật liệu
Material Design Lite Khung nhẹ dựa trên Thiết kế Vật liệu. Không phụ thuộc JS
Bulma Khung CSS hiện đại không có JS
Bộ xương Khung cực kỳ nhẹ cho các phần tử giao diện người dùng cơ bản
Giao diện người dùng ngữ nghĩa Trao quyền cho các nhà thiết kế và nhà phát triển bằng cách tạo vốn từ vựng được chia sẻ cho giao diện người dùng
Giao diện người dùng Fomantic Một nhánh cộng đồng của Semantic-UI
nền tảng Khuôn khổ đầu tiên dành cho thiết bị di động với đánh dấu sạch
CSS thuần túy Một tập hợp các mô-đun CSS nhỏ, đáp ứng
UIKit Khung front-end nhẹ và mô-đun
Susy Công cụ bố cục dạng lưới, nhẹ cho Sass
Milligram.io Khung CSS tối giản
Khung vani Khung CSS đơn giản, có thể mở rộng được viết bằng Sass
CSS bóng ma Khung CSS nhẹ, hiện đại
CSS dã ngoại Thư viện nhẹ và đẹp
Canh Một khung CSS đẹp được thiết kế cho những người theo chủ nghĩa tối giản
Chota Khung CSS vi mô (~ 3kb)
CSS chi tiết Thư viện bố cục nhẹ để xây dựng giao diện người dùng đầu tiên trên thiết bị di động đáp ứng tuyệt vời hoạt động ở mọi nơi
W3.CSS Theo mặc định, một khung CSS hiện đại hỗ trợ thiết kế máy tính để bàn, máy tính bảng và thiết bị di động. Được thiết kế để độc lập với jQuery hoặc bất kỳ thư viện JavaScript nào khác
98.css Một hệ thống thiết kế để xây dựng các bản tái tạo trung thực của giao diện người dùng cũ
CSS NES Khung CSS kiểu NES
Shoelace.css Thư viện CSS nhẹ, có tư duy tương lai được xây dựng với cú pháp CSS trong tương lai
MVP.css Một biểu định kiểu tối giản cho các phần tử HTML. Không có tên lớp, không có khuôn khổ, chỉ cần HTML ngữ nghĩa và bạn đã hoàn thành
Blaze.css Bộ công cụ CSS mô-đun mã nguồn mở cung cấp cấu trúc tuyệt vời để xây dựng trang web một cách nhanh chóng
CSS tháp pháo Turret CSS là một khung định dạng để phát triển các trang web đáp ứng.
Cutestrap Khung CSS độc lập, mạnh mẽ.
Tốc ký Tốc ký là một framework css mã nguồn mở và miễn phí, cho phép bạn thiết kế độc đáo và hiện đại mà không cần viết bất kỳ css nào
XP.css XP.css là một phần mở rộng của 98.css. Thư viện CSS để xây dựng các giao diện trông giống như giao diện người dùng cũ.
Framework7 Framework7 – là một khung mã nguồn mở và miễn phí để phát triển các ứng dụng di động, máy tính để bàn hoặc web với giao diện nguyên bản.
Hint.css Một thư viện chú giải công cụ CSS thuần túy cho các trang web đáng yêu của bạn.
imagehover.io Thư viện hiệu ứng di chuột qua hình ảnh CSS thuần túy
mini.css khung CSS tối thiểu, đáp ứng, kiểu bất khả tri
Tachyons Tạo giao diện tải nhanh, dễ đọc và đáp ứng 100% với càng ít css càng tốt.
Material Bootstrap Material Design với Bootstrap
Ngà voi Khung CSS hiện đại để phát triển các giao diện web mạnh mẽ nhanh hơn và dễ dàng hơn
Giao diện người dùng Halfmoon Một khuôn khổ đáp ứng và nhẹ, được thiết kế để nhanh chóng xây dựng các trang tổng quan và trang sản phẩm đẹp mắt.

Hoạt ảnh CSS

Hình ảnh động CSS để tạo hình ảnh động tuyệt vời cho các trang web và ứng dụng

Trang mạng Sự miêu tả
Animate.css Hoạt ảnh CSS Just-add-water
Bounce.js Bounce.js là một công cụ và thư viện JS cho phép bạn tạo các hình ảnh động CSS3 đẹp mắt
Anime.js Anime.js (/ˈæn.ə.meɪ/) là một thư viện hoạt hình JavaScript nhẹ với một API đơn giản nhưng mạnh mẽ. Nó hoạt động với các thuộc tính CSS, SVG, thuộc tính DOM và các đối tượng JavaScript
Hoạt hình ma thuật Animations là một trong những thư viện hoạt hình ấn tượng nhất
Zdog Công cụ giả 3D hình tròn, phẳng, thân thiện với nhà thiết kế cho canvas & SVG
CSShake CSShake cung cấp chính xác những gì nó nói trên hộp – một thư viện CSS được thiết kế đặc biệt để lắc các phần tử trong trang web của bạn
Hover.css Hover.css là một thư viện hoạt ảnh CSS được thiết kế để sử dụng với các nút và các phần tử giao diện người dùng khác trong trang web của bạn
AniJS AniJS là một thư viện hoạt ảnh cho phép bạn thêm hoạt ảnh vào các phần tử trong một cấu trúc 'giống câu' đơn giản
Animista Hoạt ảnh CSS theo yêu cầu
Tachyons-hoạt hình Bản thân Tachyons là một thư viện CSS nguyên tử với rất nhiều lớp tiện ích để thiết kế mọi thứ về cơ bản bằng cách thêm các lớp vào những gì bạn cần
Sequence.js Sequence.js là một thư viện JavaScript cung cấp một khung CSS đáp ứng để tạo các thanh trượt, bản trình bày, biểu ngữ và các ứng dụng dựa trên bước khác
Vô hạn Những hoạt ảnh này, như xoay và xung, được thiết kế đặc biệt để chạy và lặp lại mãi mãi
OBNOXIOUS.CSS Hình ảnh động dành cho những người mạnh mẽ về trái tim và những người yếu về trí óc
Giao diện người dùng MOTION Thư viện Sass để tạo hiệu ứng chuyển tiếp và hoạt ảnh CSS linh hoạt
Keyframes.app Giao diện người dùng đồ họa để tạo hoạt ảnh khung chính CSS tùy chỉnh

Thư viện hoạt ảnh Javascript

thư viện hoạt ảnh javascript để tạo hoạt ảnh tuyệt vời cho các trang web và ứng dụng

Trang mạng Sự miêu tả
Greensock Thư viện JavaScript để tạo hoạt ảnh hiệu suất cao hoạt động trên mọi trình duyệt chính
Velocity.js Velocity là một công cụ hoạt ảnh nhẹ với cùng một API như $ .animate () của jQuery
lax.js Plugin javascript vani đơn giản và nhẹ để tạo các hình ảnh động mượt mà và đẹp mắt khi bạn cuộn!
Rellax.js Thư viện thị sai javascript vani mịn, siêu nhẹ, mịn như bơ
ba.js Một thư viện 3D dễ sử dụng, nhẹ với trình kết xuất WebGL mặc định.
wow.js Hiển thị ảnh động khi bạn cuộn.
chocolat.js Plugin hộp đèn miễn phí.
Animate On Scroll Hoạt ảnh trên thư viện cuộn để hiển thị hoạt ảnh khi Bạn cuộn.
Tilt.js Một yêu cầu nhỏAnimationFrame cung cấp hiệu ứng nghiêng khi di chuột qua thị sai nhẹ 60 + fps cho jQuery.
Chú thích thô sơ Rough Notation là một thư viện JavaScript nhỏ để tạo và tạo hoạt ảnh cho các chú thích trên một trang web
tsParticles Một thư viện nhẹ để tạo các hạt, một phiên bản cải tiến của các hạt bị bỏ rơi và lỗi thời.js
Particles.js Một thư viện JavaScript nhẹ để tạo các hạt
mo.js Bộ công cụ đồ họa chuyển động cho web

Thành phần & Bộ giao diện người dùng

Không hẳn là "khuôn khổ", mà là các công cụ để tạo giao diện người dùng với các thành phần hoặc bộ giao diện người dùng

Trang mạng Sự miêu tả
TagFold Các đoạn mã Bootstrap 4, HTML5, CSS3 hữu ích để xây dựng bố cục web
UILang Một ngôn ngữ lập trình tập trung tối thiểu dành cho các nhà thiết kế web
Thành phần CSS của Medialoot Lịch, lưới giá và các thành phần giao diện người dùng khác
Khối thiết kế Froala Hơn 170 khối thiết kế đáp ứng sẵn sàng được sử dụng trong web hoặc ứng dụng di động của bạn
Material Design cho Bootstrap Bộ công cụ mã nguồn mở để thiết kế vật liệu xây dựng với Bootstrap
Photonkit Thư viện giao diện người dùng máy tính để bàn cho Electron
Giao diện người dùng phẳng Bộ giao diện người dùng miễn phí tối thiểu
Mảnh vỡ Bộ công cụ giao diện người dùng miễn phí và hiện đại dành cho các nhà sản xuất web dựa trên Bootstrap
Tim sáng tạo Tất cả các loại thư viện và bộ công cụ giao diện người dùng bao gồm các khuôn khổ JS như React
Brumm Shadow Maker Một công cụ trực tuyến để tạo bóng css
AdminLTE Chủ đề bảng điều khiển & bảng điều khiển quản trị nguồn mở tốt nhất
SpinKit CSS Spinners đơn giản
Epic Spinners Bộ sưu tập CSS spinners có tích hợp Vue.js.
Loading.io Nhà cung cấp dịch vụ trực tuyến để tạo hoạt ảnh đơn giản, trình quay, thanh tiến trình và hơn thế nữa
Thư di chuyển Văn bản hoạt hình với JavaScript và anime.js
Bố cục CSS Bộ sưu tập các mẫu và bố cục web phổ biến trong CSS thuần túy
Codyhouse Bắt đầu các dự án web của bạn với khuôn khổ front-end của CodyHouse và thư viện các thành phần HTML, CSS, JavaScript có thể truy cập
Bộ khởi động Tailwind Tailwind Starter Kit một tiện ích mở rộng tuyệt đẹp dành cho TailwindCSS, Nguồn mở và Miễn phí
Tailwindtoolbox Các mẫu và thành phần khởi động nguồn mở, thư mục plugin và các công cụ / tiện ích hữu ích để bắt đầu dự án Tailwind CSS của bạn.
thành phần đuôi gió Kho lưu trữ miễn phí cho các thành phần cộng đồng sử dụng TailwindCSS
món ngọt SweetAlert làm cho các tin nhắn bật lên dễ dàng và đẹp mắt.
sweetalert2 Một sự thay thế đẹp, đáp ứng, có thể tùy chỉnh, có thể truy cập cho các hộp bật lên của javascript
tắc nghẽn Các thành phần Tailwind CSS mã nguồn mở sẵn sàng sử dụng.
Thành phần mềm Một tập hợp các thành phần web bất khả tri theo khuôn khổ dựa trên thiết kế tân tạo hình.
Nhanh Một hệ thống giao diện có thể được sử dụng với các Web Framework hiện đại như React, Vue và Angular.
LottieFiles Hoạt ảnh tương tác ở nhiều định dạng như json, gif và mp4, thư viện và plugin cho Web & Mobile.

Giao diện người dùng React

Thư viện giao diện người dùng và thành phần cho khung JavaScript React

Trang mạng Sự miêu tả
Giao diện người dùng vật liệu React các thành phần để phát triển web nhanh hơn và dễ dàng hơn, dựa trên Material Design
Chakra UI Xây dựng các ứng dụng và trang web React có thể truy cập với tốc độ nhanh. Openchakra
React Bootstrap Bootstrap được xây dựng lại cho React. Bao gồm các thành phần Bootstrap ngay trong JavaScript của bạn
ui-playbook Bộ sưu tập tài liệu của các thành phần giao diện người dùng
ReactStrap Một thư viện giao diện người dùng Bootstrap khác cho React
Quản trị viên React Khung giao diện người dùng để xây dựng các ứng dụng quản trị. Hỗ trợ API ra khỏi hộp
BlueprintJS Bộ công cụ giao diện người dùng dựa trên phản ứng cho web
Giao diện người dùng ngữ nghĩa React Các thành phần giao diện người dùng dựa trên khung giao diện người dùng ngữ nghĩa
Shards React Bộ giao diện người dùng React có hệ thống thiết kế hiện đại với hàng chục thành phần tùy chỉnh
Phản ứng được ảo hóa Bộ giao diện người dùng cho dữ liệu. Bao gồm bảng, danh sách, sắp xếp, v.v.
Hộp công cụ React Thư viện giao diện người dùng material design cho React
Giao diện người dùng đàn hồi Phân phối các thành phần UI React và nội dung tĩnh để sử dụng trong việc xây dựng bố cục web
React Desktop Các thành phần theo kiểu máy tính để bàn trong React. Bao gồm các thành phần dựa trên MacOS và Windows
Giao diện người dùng chủ đề Xây dựng ứng dụng React nhất quán, có thể chủ đề dựa trên các nguyên tắc thiết kế dựa trên ràng buộc
Onsen React Phân phối các thành phần cho các ứng dụng di động kết hợp với giao diện người dùng React và Onsen
Thường xanh Hệ thống thiết kế cho React
Rebass React các thành phần UI nguyên thủy được xây dựng với hệ thống được tạo kiểu
Grommet thư viện thành phần giao diện người dùng đầu tiên trên thiết bị di động
Rimble Bộ thiết kế React, thư viện và hướng dẫn
Mẫu trang đích Mẫu trang đích nguồn mở cho phản ứng
UI nguyên tố Bộ công cụ giao diện người dùng cho các trang web và ứng dụng React.js
Kiến thiết kế Thiết kế mã nguồn mở Thư viện React ui.
Bumbag Bumbag là một React UI Kit thân thiện phù hợp với các MVP hoặc các ứng dụng quy mô lớn.
PRIMEREACT Bộ sưu tập cuối cùng của các Thành phần Giao diện người dùng React có thiết kế bất khả tri, linh hoạt và dễ tiếp cận
Các thành phần mồi Thành phần Primer là các thành phần React triển khai Hệ thống thiết kế Primer của GitHub
Quỹ đạo Hệ thống thiết kế và các thành phần React UI cho các dự án du lịch.
Web cơ sở Base Web cung cấp một bộ thành phần mạnh mẽ ngay từ đầu
Giao diện người dùng ba lô Ba lô là bộ công cụ Lonely Planet mà chúng tôi sử dụng để xây dựng các ứng dụng giao diện người dùng.
Reaviz Thư viện trực quan hóa dữ liệu cho React dựa trên D3
React Suite Một bộ các thành phần React, thiết kế giao diện người dùng hợp lý và trải nghiệm phát triển thân thiện.
React Spring Thư viện hoạt hình dựa trên vật lý mùa xuân cho các ứng dụng React.
Bản tóm tắt Một thư viện biểu đồ có thể tổng hợp được xây dựng trên các thành phần React.
Giao diện người dùng Vercel Thư viện React UI hiện đại và tối giản
Chuyển động Framer Thư viện React để cung cấp các hoạt ảnh sẵn sàng cho quá trình sản xuất.
React Spectrum Một triển khai React của Spectrum, hệ thống thiết kế của Adobe.
React tsParticles Một thành phần React nhẹ để tạo các hạt
hạt-bg Một thành phần nền hoạt hình hạt phản ứng

Vue UI

Thư viện giao diện người dùng và thành phần cho khung Vue JavaScript

Trang mạng Sự miêu tả
Vuetify Khung thành phần thiết kế material design
Bootstrap Vue Sử dụng các thành phần Bootstrap với Vue
Buefy Thành phần giao diện người dùng nhẹ dựa trên Bulma
Vue giao diện người dùng ngữ nghĩa Vue giao diện ngữ nghĩa là tích hợp Vue cho giao diện người dùng ngữ nghĩa
Chuẩn tinh Bộ thành phần Material Design hiệu suất cao với các trình xây dựng cho SPA, SSR, PWA, Di động (Cordova & Tụ điện), Máy tính để bàn (Electron) và tiện ích mở rộng Trình duyệt
Thành phần Thư viện giao diện người dùng máy tính để bàn cho Vue
Giao diện người dùng cá Bộ công cụ Vue UI cho web
Keen UI Thư viện VueUI với một API đơn giản, lấy cảm hứng từ Material Design của Google
Onsen Vue Phân phối các thành phần cho các ứng dụng di động kết hợp với giao diện người dùng Vue và Onsen
Vuejsexamples Một bộ sưu tập đẹp các thành phần giao diện người dùng vuejs hữu ích
Inkline Inkline là một UI / UX Framework hiện đại cho Vue.js được thiết kế để tạo các ứng dụng web đáp ứng hoàn hảo
Vuesax Các thành phần UI duy nhất và có thể tái sử dụng
Antdv Thư viện giao diện người dùng cho Vue dựa trên Ant Design
Shards Vue Bộ Vue UI chất lượng cao và miễn phí có hệ thống thiết kế hiện đại với hàng tá thành phần tùy chỉnh
Vue nguyên tố Powerful yet simple to use, versatile, performant Vue UI Component Library to help you build stunning user interfaces.
Chakra UI Vue Chakra UI is a simple modular and accessible component library that gives you the building blocks to build Vue applications with speed.
View UI Dozens of useful and beautiful Vue components made for people with all skill levels with extensive documentation.
Particles.vue A lightweight Vue component for creating particles

Angular UI

UI and component libraries for the Angular JavaScript framework

Website Sự miêu tả
Material Angular UI library for Angular based on Material design
NG Bootstrap UI library for Angular based on the Bootstrap framework
PrimeNG Powerful UI component library for Angular
Onsen Angular Hybrid mobile and PWA UI library for Angular and Onsen UI
NG Lightning Native Angular components & directives for Lightning Design System
NG Semantic UI library for Angular based on Semantic UI
Nebular Customizable UI Kit, Auth & Security for Angular
Alyle UI Minimal components set for Angular
NGX Bootstrap Another UI library for Angular based on the Bootstrap framework
NG Zorro UI library for Angular based on Ant Design
Pagination for datatables npm library for pagination
Multi select dropdown for multi select dropdowm in forms
NG Particles A lightweight Angular component for creating particles

Design Systems & Style Guides

Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites

Website Sự miêu tả
Material Design Google's Material Design
Ant Design Design system for enterprise-level products
Apple Design Resources Guides and templates for using Apple design and UI
Primer Design, build, and create with GitHub's design system
Alta UI Oracle's design system and toolkit
Pulse Design system, guides and React component library
Bolt Robust Twig and web component powered UI components
Clarity Design System UX guidelines, HTML/CSS framework, and Angular components
AtlasKit Atlassian's official UI library, built according to the Atlassian Design Guidelines
Audi Design Resources Audi UI design system and toolkit
Carbon Design Systems Carbon is IBM's open-source design system for products and experiences
Yelp Style Guide Yelp style guide, components and toolkit
Comet Scalable design system of visual language, components, and design assets
ETrade Design System Guides and toolkits that blend finance with simplicity and ease of use
Fundamental Library Open source and community driven project for consistent user interfaces
Infor Design Guidelines and resources to create meaningful experiences for Infor's products
Lexicon An experience language for crafting beautiful UI
Mailchimp UI/UX Style guide and components from Mailchimp
Marvel Style Guide Set of design principles and components
Microsoft Fluent UI Collection of UX frameworks from Microsoft
Pluralsight Design System Design guide with components for designing with Pluralsight
Polaris Design system that creates great experiences for all of Shopify's merchants
Mozilla Protocol Protocol is a design system for Mozilla and Firefox websites
SendGrid Style Guide UI library for developing consistent UI/UX at SendGrid
VTEX Styleguide Reusable patterns, components and assets related to product design in VTEX
Rizzo Style guide with UI components, JS components, widgets, etc
Atomize UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly
StyleGuides.io A directory of 500+ styleguides
Done Design System Open source design system, guides & components
Skoda Brand System Design guideline for developing applications under the Skoda brand
Spectrum Adobe's design system that provides components and tools to help product teams work more efficiently, and to make Adobe's applications more cohesive.
Asphalt Gojek's design language system. A collection of guidelines and components to create amazing user experiences.
Laws of UX A collection of the key maxims that designers must consider when building user interfaces.

Online Design Tools

All kinds of online tools for design, from photo editors to wireframing, and more

Website Sự miêu tả
Figma Online graphic design tool (Free & paid options)
Vectr Free vector graphics software
Taler Create social media banner designs in minutes from hundreds of customizable templates
Canva Create beautiful designs (Free & Paid)
Get Waves A free SVG wave generator to make unique SVG waves for web design
Clippy Easy CSS clip-path maker
Fancy Border Radius Eight values specifying border-radius in CSS ( border-radius generator )
Wireframe.cc Wireframing tool (free & paid)
Fotor Photo editor and design maker
Pixlr Online photo editor
Animoto Video Maker Make videos online
RemoveBG Remove image backgrounds
Photo Creator Create your own photos instead of searching for stock
Visme Create presentations, infographics and more
Infogram Create infograms
ChartGo Create charts and graphs online
Cartoon Photo Turn photos into cartoons
Logo Maker Create custom logos
Whimsical Wireframes, diagrams and more (4 free)
Whiteboard Online drawing tool
Octopus Sitemap builder
CTA Button Maker Create call to action buttons
Blobmaker Blobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes
Personas A playful avatar generator for the modern age
SoftUI A Soft UI (neumorphism) CSS generator
Photopea A Online Photoshop editor
Excalidraw Virtual whiteboard for sketching hand-drawn like diagrams
Diagrams Diagram software and Flowchart maker
MapInSeconds Simple way to visualize your data with a map
Grid Malven A css grid cheatsheet to reference when creating a css grid
Flex Malven A flexbox grid cheatsheet to reference when working with flexbox
Smart Upscaler Upscale images by 2-4x resolution
GetAvataaars Fun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library
Big Heads Easily generate avatars for your projects with Big Heads by Robert Broersma.
Webflow Break the code barrier, Build better business websites, faster. Without coding.
Trace Instantly remove the background from your photos
Neumorphism.io Generate Soft-UI CSS shadow code
DB Designer Design your database for free online
Ui Bakery Create full-fledged web apps visually
Faux Turn real code into faux code
Rive Real-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.
Unscreen Remove Video Background 100% Automatically and Free
Kodeshot Convert your source code into nice pictures for your articles, tweets, messages, posts…
Wix Create a Website You're Proud Of
GTmetrix Website Speed and Performance Optimization
Framer Is prototyping tool for teams
Draw.io Free online diagram editor tool

Downloadable Design Software

Free software for UI, photo, 3d modeling, etc. Alternatives to paid software like Photoshop

Website Sự miêu tả
Gimp Free & open source image editor similar to Photoshop
Gravit Designer Free full-featured vector graphic design app that works on ALL platforms
Blender Open source, free animation, 3D modeling, etc.
Raw Therapee Cross-platform raw image processing program
Be Funky Online design program
Krita Sketching and painting program designed for digital artists
Pencil Project GUI prototyping software
Inkscape Powerful free design tool
Adobe XD Free design tool from Adobe
Shapes.so Icons that can be used as code in your projects
Lunacy Sketch for Windows
InVision Studio Free screen designing tool from InVision
Darktable Free & Open source photography workflow application and raw developer
Inpixio photo Editor Free Photo Editor: For windows only
Colorpicker Open Source colors software: Retrieve, manipulate and store your colors easely!

Image Compression

Websites that allow you to compress large images

Website Sự miêu tả
TinyPNG Smart PNG and JPEG compression
Optimizilla Online JPEG and PNG optimizer / compressor with settings and archive download
Compressor.io JPEG, PNG, GIF, SVG Compression
Squoosh.app Image compression from Google Chrome Labs
BulkResizePhotos Bulk image resizing, compression & converting that perform all the tasks within the browser (It works offline)
iLoveIMG The fastest free web app for easy image modification
SvgOMG Online SVG optimizer with a lot of settings and possibility to cut and paste svg code directly in it.
CompressJPEG Compress JPEG images with size even greater than 5MB
CompressNow JPEG, GIF, PNG Compression
Promo Image Resizer Free Image and Photo Resizer
Image Optimizer Image Optimizer Free With Quality Options
SVGminify This tool removes superfluous information, thereby reducing the size of your SVG files
JPEG Optimizer Free online tool for resizing and compressing digital photos and images for displaying on the web
Resizing.app Resize Your Images Online
EZGif Animated GIF maker and Image editor including Image optimization and supports WebP conversion
OnlinePngtools Resize png for without losing transparent background.

Reference

https://github.com/bradtraversy/design-resources-for-developers

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo