Dự án mã nguồn mở
UI kit của tôi từ năm 2023
Đây là UI kit mã nguồn mở mà Sergei Solod xây dựng vào năm 2023, trước làn sóng AI. Bạn có thể xem các thành phần giao diện đã dùng trong công việc thực tế, các bản demo đa ngôn ngữ và chính dự án gốc.
Được làm trước làn sóng AI và dùng lâu trong công việc thật
Đây không phải một showcase do máy tạo ra. Đây là bộ frontend kit gốc của tôi với form, button, modal, table, chart, calendar, navigation và các mẫu upload file. Tôi đã dùng nó trong nhiều dự án thực tế trước khi đưa vào JSVar dưới dạng mã nguồn mở.
Trường nhập liệu
Các trường văn bản, vùng văn bản, điện thoại, email và mật khẩu có xác thực.
Nút
Hành động chính, phụ, nhỏ gọn, vô hiệu hóa và theo kiểu tùy chỉnh.
Trường chọn
Lựa chọn đơn và nhiều cho các giá trị đơn giản và mảng đối tượng.
Đang tải
Chặn trạng thái tải cho các hành động không đồng bộ.
Đàn xếp
Khối nội dung có thể mở rộng với hành vi mở một lần.
Tin nhắn
Thông báo thành công và lỗi kèm theo hành động xác nhận.
phương thức
Hộp thoại xác nhận với các luồng chấp nhận và hủy rõ ràng.
Phân trang
Đầu vào trang có thể chỉnh sửa với các điều khiển trước và sau được giới hạn.
Công tắc
Điều khiển boolean nhỏ gọn để cài đặt sản phẩm đơn giản.
Bảng bật lên
Bảng điều khiển bật lên để biết chi tiết phụ và đọc theo ngữ cảnh.
Ngôn ngữ
Bản trình diễn bộ chọn ngôn ngữ được xây dựng dựa trên siêu dữ liệu 21 ngôn ngữ của JSVar.
Bàn
Các bảng cơ bản, chi tiết hàng và bản đồ nhiệt mật độ.
Biểu đồ
Các bản trình diễn biểu đồ xếp chồng, nhóm, hỗn hợp, đường, vùng và hình tròn.
Lịch
Lựa chọn ngày được bản địa hóa cho các giá trị bắt đầu và kết thúc được ghép nối.
Thả tệp
Mục tiêu tệp kéo và thả với hành động tải lên phù hợp.
Điều hướng
Điều hướng phần trong mô-đun từ cùng một mô hình phần.
Sơ khai
Lớp phủ bảo vệ cho các trạng thái chưa hoàn thiện hoặc giới hạn khung nhìn.
trưng bày
Sân chơi thành phần
Sử dụng thanh bên để duyệt từng nhóm thành phần và kiểm tra hành vi được chuyển.
Phần hiện tại
01/17Trường nhập liệu
Các trường văn bản, vùng văn bản, điện thoại, email và mật khẩu có xác thực.
Phần hiện tại
Trường nhập liệu
Các trường văn bản, vùng văn bản, điện thoại, email và mật khẩu có xác thực.
Ký tự: 0/1000
Trường tiêu chuẩn
Trường này chứa giá trị không hợp lệ.
Đã kiểm tra độ mờ
Với gợi ý tên miền
Hơn 10 ký tự, chữ thường, số, ký hiệu