SVG

Haikei – Công cụ tạo Blob & Background SVG đẹp và hiện đại cho Web

10/11/2025 0 11 5 phút đọc

Haikei là một công cụ tạo hình dạng blob, pattern và background SVG cực kỳ mạnh mẽ dành cho lập trình viên, designer hoặc bất kỳ ai muốn tạo giao diện web hiện đại nhanh...

BGJar – Công cụ tạo Background SVG đẹp, nhẹ và miễn phí cho Website

06/11/2025 0 7 5 phút đọc

BGJar là một công cụ trực tuyến miễn phí giúp tạo các background SVG đẹp mắt chỉ trong vài giây. Nếu bạn cần một nền dạng pattern, shape hoặc gradient để làm hero section, banner...

SVG Repo – Kho SVG miễn phí khổng lồ cho designer & dev

10/10/2025 0 52 3 phút đọc

Nếu bạn làm thiết kế, UI/UX hay front-end, chắc hẳn từng phải săn icon hoặc vector SVG đẹp mà miễn phí. SVG Repo chính là “thiên đường” cho chuyện đó – nơi bạn có thể...

CoolShapes – Kho tàng hình học gradient siêu nghệ thuật cho designer

10/10/2025 0 11 2 phút đọc

Nếu bạn thích kiểu thiết kế tối giản nhưng vẫn nổi bật, CoolShapes là website đáng bookmark. Bộ sưu tập này gồm hàng chục hình khối (shapes) đầy màu sắc, phối theo tông gradient neon...

Tự tạo file JavaScript hiển thị icon SVG siêu nhẹ cho web/app: Dễ như trở bàn tay

05/09/2025 0 37 9 phút đọc

Demo

Bạn muốn bỏ các thư viện icon cồng kềnh và tự chủ hoàn toàn về biểu tượng trong dự án web/app? Bài viết này là một hướng dẫn thực chiến kết hợp giải thích và...

GSAP – Thư viện tạo hoạt ảnh mượt mà cho website hiện đại

10/05/2025 0 31 4 phút đọc

GSAP (GreenSock Animation Platform) là một thư viện JavaScript mạnh mẽ giúp bạn tạo các hiệu ứng động siêu mượt, chuyên nghiệp và tương thích cao trên mọi trình duyệt. Đây là công cụ được...

Sự Lỗi Thời Của Font Awesome Nói Riêng Và Font Icon Nói Chung

08/05/2025 0 30 7 phút đọc

Trong suốt một thời gian dài, Font Awesome và các thư viện font icon đã trở thành công cụ quen thuộc trong việc phát triển giao diện web. Tuy nhiên, với sự tiến bộ của...

Giảm request bằng cách gom icon SVG dùng chung

03/05/2025 0 24 3 phút đọc

Trên các website hiện đại, icon SVG thường được sử dụng để thay thế icon ảnh PNG hoặc font-icon như Font Awesome. Tuy nhiên, nếu bạn nhúng mỗi SVG riêng lẻ cho từng biểu tượng,...

Vectr: công cụ thiết kế vector online miễn phí cho mọi designer

24/04/2025 0 17 4 phút đọc

Trong thế giới thiết kế đồ họa, việc xử lý file vector là nhu cầu quen thuộc. Tuy nhiên, không phải ai cũng muốn đầu tư ngay vào những phần mềm nặng và đắt đỏ...

Thêm biểu tượng tùy chỉnh vào UIkit

16/03/2025 0 43 8 phút đọc

Tìm hiểu cách mở rộng hệ thống biểu tượng của UIkit bằng cách thêm các biểu tượng SVG tùy chỉnh bằng JavaScript. Hướng dẫn chi tiết cách tối ưu mã SVG, sử dụng UIkit.icon.add() để...

Nén SVG để tối ưu hóa dung lượng mã SVG

16/03/2025 0 102 14 phút đọc

Dù SVG vốn nhẹ, bạn vẫn có thể giảm thêm dung lượng bằng cách loại bỏ các thông tin không cần thiết như comment, metadata… Điều này đặc biệt hữu ích nếu bạn sử dụng...

Sử dụng mã SVG làm ảnh nền trực tiếp trong CSS

11/03/2025 1 89 5 phút đọc

Demo

Nếu bạn muốn sử dụng SVG làm ảnh nền, ví dụ như nền tiêu đề, bài viết này sẽ giúp bạn.

Tùy chỉnh Radio Button bằng SVG

19/11/2024 0 6 5 phút đọc

Demo

Radio button mặc định nhìn hơi “cổ điển”? Vậy thì đây là lúc bạn nâng cấp giao diện với Custom Radio Button bằng SVG – vừa đẹp, vừa nhẹ, lại dễ tái sử dụng trong...

Lottieflow – Kho biểu tượng chuyển động chất lượng

30/07/2024 0 22 2 phút đọc

Lottieflow là một nền tảng được phát triển bởi Finsweet, chuyên cung cấp các biểu tượng và animation chuyển động sử dụng định dạng Lottie (JSON). Đây là tài nguyên cực kỳ hữu ích cho...

Shape Divider – Ứng dụng tạo phân chia giữa các phần (Section)

24/07/2024 0 39 2 phút đọc

Nếu bạn đang muốn làm website trông ấn tượng hơn bằng cách phân tách các phần nội dung (section) một cách sáng tạo, thì Shape Divider là công cụ tuyệt vời dành cho bạn.

Làm thanh tiến trình hình tròn chỉ với SVG và CSS

23/07/2024 0 24 1 phút đọc

Demo

Nếu bạn muốn làm một thanh tiến trình hình tròn đơn giản, bài viết này sẽ giúp bạn.

Tùy chỉnh Checkbox với SVG

23/07/2024 0 18 3 phút đọc

Demo

Checkbox mặc định nhìn hơi chán? Không sao, vì bạn hoàn toàn có thể biến nó thành một thành phần UI cực kỳ mượt mà với SVG. Trong bài này, mình sẽ chỉ cho bạn...

Toools.design – Khám phá các công cụ và tài nguyên thiết kế cực kỳ hữu ích

22/07/2024 0 23 3 phút đọc

Toools.design là một nền tảng tổng hợp hàng trăm công cụ, website và tài nguyên dành cho thiết kế giao diện (UI), trải nghiệm người dùng (UX), minh họa, typography, thiết kế hệ thống, màu...

Vecteezy – Kho hình ảnh, vector, template miễn phí

21/07/2024 0 31 3 phút đọc

Vecteezy là một trong những nền tảng lớn nhất cung cấp tài nguyên thiết kế miễn phí, bao gồm vector, ảnh minh họa, hình nền, icon và cả template dành cho Photoshop, Illustrator hoặc thiết...

Iconoir – Biểu tượng SVG miễn phí

21/07/2024 0 38 2 phút đọc

Demo

Iconoir là một thư viện icon mã nguồn mở gồm hàng trăm biểu tượng thiết kế tối giản, hiện đại, phù hợp với mọi loại giao diện web. Bạn có thể sử dụng icon dưới...