Onboardingkhối
Luồng làm quen người dùng và màn hình chào mừng. Các khối UI React sẵn dùng mang phong cách neo-brutalism — hero, pricing, auth, dashboard và hơn thế nữa. Xem trước mọi kích thước màn hình, sao chép code, hoặc cài qua agent AI với máy chủ MCP của chúng tôi. Chạy được với Radix UI, Base UI và React Aria.
- Hero, bảng giá & auth
- Xem trước mọi điểm dừng
- Sao chép mã nguồn
- MCP đã sẵn sàng cài đặt
- Radix · Base UI · React Aria
- 158 khối đúc sẵn
- Các phần trang được cung cấp
- Bảng điều khiển & tiếp thị
- Pro mở khóa mã
- Bố cục linh hoạt
Duyệt mọi bố cục
Onboarding
6 khối — mở bất kỳ thẻ nào để xem trước toàn màn hình, mã và các bước cài đặt.
- 01Pro
Form thiết lập hồ sơ doanh nghiệp
Bước onboarding với ô thả logo xem trước tại chỗ, cạnh các trường tên, website và mô tả. React và Tailwind, gửi multipart.
- 02Pro
Lưới kết nối tích hợp
Chín thẻ tích hợp với nút connect quay rồi chuyển thành badge Connected, kèm bộ đếm phía trên. React và Tailwind; thay stub bằng OAuth thật.
- 03Pro
Wizard thiết lập bốn bước
Thanh bước đánh số với Back và Next, cùng input ẩn để câu trả lời ở bước ngoài màn hình vẫn được gửi. React và Tailwind cho setup lần đầu.
- 04Pro
Panel mời thành viên team
Panel mời bao trọn vòng: form email đã validate, danh sách pending với resend và cancel, roster thành viên. React và Tailwind với state local.
- 05Pro
Form thiết lập hồ sơ cá nhân
Bước profile dựng từ chip bấm được, radio thật cho role và experience cùng tám checkbox sở thích. React và Tailwind, gồm hành vi bàn phím.
- 06Pro
Bước onboarding dọc
Bốn hàng xếp chồng mở tại chỗ để đọc trước, có tick đánh dấu và Continue gọi tên bước kế. Checklist onboarding React và Tailwind.