Công cụ HTML
Làm việc với HTML, Pug, JSX, thành phần SVG và CSS. Chuyển đổi mã đánh dấu và kiểu định dạng cho dự án tiếp theo.
21 công cụ trong danh mục này. Mỗi công cụ đều chạy trong trình duyệt và không yêu cầu đăng ký.
Trình chỉnh sửa đường dẫn SVG
Tạo hình đường dẫn SVG trực tiếp. Di chuyển điểm neo và tay nắm đường cong, rồi sao chép đường dẫn hoặc lưu SVG.
Trình tối ưu SVG
Tối ưu SVG tĩnh ngay trên thiết bị bằng SVGO. So sánh kết quả và tải từng tệp hoặc tệp ZIP xuống.
Dễ dàng chuyển đổi tệp SVG sang JSX
Chuyển đổi hiệu quả các tệp SVG thành mã React JSX, giúp quy trình phát triển ứng dụng web động và có tính tương tác trở nên thuận tiện hơn.
Chuyển đổi SVG cho ứng dụng React Native
Khai thác sức mạnh của React Native với công cụ chuyển đổi tệp SVG thành các thành phần React Native, hỗ trợ phát triển ứng dụng di động đa nền tảng.
Công cụ chuyển đổi HTML sang React JSX
Chuyển mã HTML sang định dạng React JSX để tái sử dụng và tổ chức thành các thành phần trong dự án React, nâng cao hiệu quả phát triển và chất lượng mã.
Công cụ chuyển đổi HTML sang Pug trực tuyến
Chuyển HTML thành mẫu Pug (Jade) trực tuyến. Chọn chế độ đoạn mã hoặc toàn bộ tài liệu, ký tự tab, dấu phẩy giữa các thuộc tính và kiểu dấu ngoặc kép, đồng thời thử các ví dụ về biểu mẫu và tài liệu.
Công cụ chuyển đổi Markdown sang HTML
Chuyển tệp Markdown thành HTML để hiển thị nội dung văn bản có định dạng trên trang web.
Trình tạo Flexbox
Sắp xếp bố cục flex thực tế. Điều chỉnh vùng chứa và từng phần tử, thử các độ rộng khác nhau, rồi lấy mã CSS, HTML hoặc Tailwind.
Trình tạo đường cắt CSS
Tạo hình trực tiếp trên vùng vẽ. Kéo các điểm đa giác, khám phá hình bo tròn và xuất CSS hoặc SVG.
Trình tạo bóng đổ hộp
Tạo chiều sâu qua từng lớp. Di chuyển nguồn sáng, chỉnh độ mềm và màu sắc, rồi sao chép bóng đổ sẵn sàng sử dụng.
Trình tạo CSS Grid
Vẽ bố cục CSS Grid một cách trực quan. Đặt kích thước cột và hàng, kéo qua các ô để đặt tên vùng, rồi sao chép mã CSS, HTML hoặc Tailwind.
Trình tạo Cubic Bezier
Tạo đường cong easing CSS bằng cách kéo hai tay nắm. So sánh chuyển động với nhịp linear và sao chép cubic-bezier() cho transition hoặc Tailwind.
Trình tạo Border Radius
Bo tròn từng góc, chuyển sang bán kính elip và kéo tay nắm ở cạnh để tạo hình blob. Sao chép CSS border-radius hoặc Tailwind.
Trình tạo Glassmorphism
Tạo bảng kính mờ bằng backdrop-filter. Tinh chỉnh độ mờ, độ trong suốt, độ bão hòa và viền trên nền trực tiếp, rồi sao chép CSS.
CSS Gradient Generator
Tạo gradient CSS linear, radial và conic với điểm màu kéo thả, vòng chỉnh góc và mẫu có sẵn. Sao chép CSS hoặc class Tailwind. Miễn phí, tức thì.
Công cụ chuyển đổi CSS sang đối tượng JavaScript
Chuyển tệp CSS thành đối tượng JavaScript để dễ dàng sử dụng và thao tác với kiểu định dạng trong các dự án giao diện người dùng.
Chuyển kiểu định dạng dạng đối tượng sang chuỗi mẫu
Chuyển kiểu định dạng dạng đối tượng thành chuỗi mẫu để tối ưu hóa việc áp dụng kiểu trong các framework như React.
Công cụ chuyển đổi CSS sang Tailwind
Chuyển CSS thành các lớp tiện ích Tailwind CSS trực tuyến. Dán quy tắc CSS để nhận các lớp tương ứng dưới dạng @apply, với tùy chọn giá trị cơ sở rem và cấu hình (thang giá trị Tailwind v3).
Trình biên dịch Less sang CSS trực tuyến
Biên dịch Less thành CSS trực tuyến bằng trình biên dịch less.js chính thức trong trình duyệt. Mở rộng biến, quy tắc lồng nhau và mixin, với tùy chọn thêm tiền tố nhà cung cấp — không cần cài đặt lessc.
Công cụ chuyển đổi SCSS sang CSS tiêu chuẩn
Chuyển các tệp tiền xử lý SCSS thành CSS tiêu chuẩn, đơn giản hóa việc soạn và quản lý biểu định kiểu.
Chuyển đổi Sass sang CSS tiêu chuẩn
Chuyển các tệp tiền xử lý Sass thành CSS tiêu chuẩn, cải thiện khả năng đọc và tái sử dụng biểu định kiểu.