Util Monster
Miễn phí
Dán mã LESS để biên dịch sang CSS ngay lập tức bằng công cụ official less.js. Hỗ trợ biến (@var), lồng nhau, mixin, phép toán và các hàm tích hợp.
🔒 Việc biên dịch diễn ra hoàn toàn trong trình duyệt của bạn — mã của bạn không bao giờ được gửi đến máy chủ. Ngay cả gói less.js cũng được phục vụ từ chính trang này, không phải từ CDN.
LESS (Leaner Style Sheets) là một bộ tiền xử lý CSS, bổ sung các tính năng lập trình - biến, lồng nhau, mixin và phép toán - lên trên CSS. Trình duyệt chỉ hiểu CSS thuần, nên LESS phải được biên dịch sang CSS trước khi triển khai. Công cụ này chạy official less.js engine ngay trong trình duyệt để thực hiện chuyển đổi đó tức thì.
Quản lý màu sắc và kích thước ở một nơi với biến (@brand: #4A90D9;), và phản chiếu cấu trúc markup của bạn bằng cách lồng selector. Tạo các khối style có thể tái sử dụng với mixin (.rounded(6px)), và dùng phép tính như (@pad * 2) cùng các hàm màu tích hợp như darken() và lighten().
Công cụ này biên dịch hoàn toàn trong trình duyệt và không bao giờ tải dữ liệu đầu vào của bạn lên. Vì bảo mật, tính năng inline-JavaScript của LESS (cú pháp dấu backtick) đã bị vô hiệu hóa, nên chạy an toàn mà không cần eval. Với dự án lớn, hãy tích hợp LESS vào quy trình build của bạn (webpack, Vite, lessc, v.v.).