Mục lục
- Đồ họa giao diện người dùng
- Phông chữ
- Màu sắc
- Biểu tượng
- Yêu thích
- Phông chữ Biểu tượng
- Kho ảnh
- Kho video
- Âm nhạc & Hiệu ứng âm thanh
- Vectơ & Clipart
- Mô hình sản phẩm & hình ảnh
- Mẫu HTML & CSS
- Khung CSS
- Hoạt ảnh CSS
- Hoạt ảnh Javascript
- Thành phần & Bộ giao diện người dùng
- Thư viện React UI
- Thư viện Vue UI
- Thư viện giao diện người dùng góc
- Hệ thống thiết kế & Hướng dẫn phong cách
- Công cụ thiết kế trực tuyến
- Phần mềm thiết kế có thể tải xuống
- Nén hình ảnh
Đồ 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í |
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 |
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. |
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í |
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 |
Â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í |
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