Thêm bố cục Bảng giá (10)
Xem tất cả- 01Pro

Bảng giá mã màu theo gói
Ba gói, mỗi gói có dải màu riêng phía trên, toggle monthly sang yearly và panel tính năng inset. React và Tailwind — đổi màu dải theo plan.
- 02Pro

Bento giá thu thập email
Nửa hàng là khung thu email dùng thử miễn phí, cạnh hai thẻ gói gọn trên canvas brand. React và Tailwind — nối form là xong.
- 03Pro

Bảng so sánh tính năng
Bảng HTML thật đặt bốn gói đối chiếu chín hàng tính năng, mỗi ô là giá trị, dấu tick hoặc dấu x. React và Tailwind — thêm hàng rồi điền key.
- 04Pro

Bảng giá bốn cột
Bốn gói ghép thành một slab viền bằng các rule nội bộ, cột đề xuất nhấc cao khỏi mép trên. React và Tailwind — gắn cờ một gói.
- 05Pro

Chọn gói sau dùng thử
Bước sau trang giá: hai gói dạng radio group trên panel brand, phía trên fine print thanh toán. React và Tailwind — thả vào checkout.
- 07Pro

Thẻ giá tính năng chính
Thẻ tách giới hạn gói khỏi tính năng chính, trên dải tối đảo màu với toggle năm trượt. React và Tailwind — set cả hai trường giá.
- 08Pro

Bảng giá chuyển tháng/năm
Một switch lật mọi giá sang mười tháng billing năm, trên header giá đảo màu và ruy băng chéo. React và Tailwind — kiểm toán số.
- 09Pro

Giá template và custom
Mua sẵn hay đặt riêng thay vì chọn bậc: thẻ template giá cố định cạnh build custom giá từ. React và Tailwind — đặt cuộc gọi.
- 10Pro

Bảng giá ba gói kèm FAQ
Thẻ Pro tô đầy có ruy băng ở giữa, phía dưới panel FAQ bốn câu trả lời phản đối về giá. React và Tailwind — chỉnh mảng faqs.
- 11Pro

So sánh giá hai gói
Đúng hai gói dùng chung một toggle chu kỳ thanh toán phân đoạn, thẻ pro trên bề mặt accent để mắt dừng lại. React và Tailwind — đổi tên gói.
https://neobrutalism.com/vi/blocks/pricing-tables/illustrated-pricing-cards




















