Bỏ qua đến nội dung

Thanh điều hướng logo giữa có mega menu

Thanh điều hướng · Nguồn Pro

Thanh điều hướng duy nhất ở đây đặt logo chữ vào chính giữa và hai bên chỉ còn các nút kêu gọi hành động. Thanh treo dưới mép trên của trang như một thẻ có viền nhưng không có cạnh trên, và nút menu bên dưới mở ra một bảng rộng hết chiều ngang thay vì một menu thả xuống nổi: một ô nổi bật, bốn cột liên kết và một hình minh họa, tất cả đều nằm trong luồng bình thường nên không có gì đè lên trang phía dưới. Trên điện thoại, thanh xuống dòng và bảng xếp thành một cột duy nhất.

Mở xem trước trực tiếpLấy Neobrutalism Pro
Thanh điều hướng
Neobrutalist React and Tailwind navbar with a yellow Join Our Community button on the left, the two-line Cortex Insights wordmark centred with Insights highlighted in yellow, and Book a session plus a black menu button on the right, above an open white panel with a Classes tile, link columns and a warrior illustration.
Thanh điều hướng logo giữa có mega menu
  • 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
Xem trướcMiễn phíMở toàn màn hình và chuyển đổi breakpoint hoặc theme.MãProMột tệp TSX độc lập. Sao chép, sử dụng.Cài đặtProMột lệnh shadcn CLI — hoặc dấu nhắc agent cho Claude Code, Cursor hay bất kỳ client MCP nào.

Xây dựng bằng

Cộng với các biểu tượng lucide-react và Tailwind CSS — không có phụ thuộc runtime khác.

Thêm bố cục Thanh điều hướng (7)

Xem tất cả

https://neobrutalism.com/vi/blocks/navbar/centred-logo-navbar-with-mega-panel

Được yêu thích bởi nhà phát triển, nhà thiết kế
& người sáng tạo

  • Tình cờ thấy bộ UI kit và lấy về dùng ngay. Còn mới, duy trì tích cực và liên tục cải tiến — làm quá tuyệt! 🤘

    Ziv Reich, Nhà phát triển phần mềm

  • Chỉ muốn nói là bạn làm neobrutalism.com tuyệt lắm. Mình thích thật sự. Mình dở tệ khoản thiết kế nên cái này đúng là cứu tinh. Đã dùng cho trang cá nhân của mình.

    Paul Bratslavsky, Nhà sáng tạo Coding With Paul

  • Cuối cùng cũng dựng lại xong trang cá nhân với Neobrutalism.com — thư viện thú vị, rất dễ bắt đầu!

    Cameron Blackwood, Nhà sáng tạo nội dung

  • Neobrutalism.com là một trong những thư viện thành phần UI phong cách retro mình thích nhất — component ship được thật.

    Zhengyang Hou, Indie hacker

  • một trong những thư viện ui mình thích nhất cho web. làm tốt lắm — mong dự án tiến xa hơn nữa.

    Taseen Tanvir, Nhà sáng lập & nhà thiết kế

  • Vừa thử Neobrutalism.com Pro — UI kit không giống mọi thứ khác. Các khối neo-brutalist 🔥 giúp dựng layout kỳ quặc nhanh hơn hẳn.

    Nitesh Padghan, Ghostwriter

  • Thiết kế landing page đẹp, cân bằng và nhịp chảy hoàn hảo. Bảng màu kết hợp animation tạo trải nghiệm người dùng xuất sắc.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Tôi thực sự ấn tượng với thiết kế họ giao. Sản phẩm cuối khớp đúng với những gì tôi hình dung.

    Desmond, Đồng sáng lập @ VectorlabsVentures

  • Là chủ agency, tôi thường mất cả tuần hoàn thiện layout landing cho khách. Với Neobrutalism.com, tôi gắn template, chỉnh copy là sẵn sàng ship.

    Duke Opoku Amankwah, Nhà sáng lập @ Midas

  • Template không chỉ đẹp mắt mà còn cấu trúc cực tốt. Tiết kiệm cho chúng tôi cả tuần phát triển.

    Abiola Braimah, Developer @ Studio IX

  • Chất lượng vượt trội và chú ý đến chi tiết. Thiết kế responsive hoạt động mượt trên mọi thiết bị.

    Acromond X., Đồng sáng lập @ VectorlabsVentures

  • Tích hợp các template này vào quy trình đã rút ngắn đáng kể chu kỳ phát triển. Làm việc xuất sắc.

    Raquib S., Backend Developer

  • Những template này đã trở thành nguồn tham chiếu của chúng tôi. Code sạch, tài liệu tốt và dễ tùy biến.

    Hallic M., Developer @ AtlasLabs

  • Template Neobrutalism.com cân bằng hoàn hảo giữa thẩm mỹ và chức năng. Thật sự thay đổi cách làm dự án của chúng tôi.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Hỗ trợ xuất sắc và template chất lượng premium. ROI của các template này thật ấn tượng.

    Kevin K., CEO @ WebCraft

  • Template Neobrutalism.com đã hoàn toàn thay đổi cách chúng tôi tiếp cận dự án khách. Chất lượng code xuất sắc và thiết kế đẳng cấp.

    Danny G., Nhà sáng lập DevStack

  • Tôi đã dùng nhiều thư viện template, nhưng Neobrutalism.com nổi bật nhờ tối ưu hiệu năng và kiến trúc code sạch.

    Ian D., CTO tại Wavelength

  • Animation và micro-interaction trong các template này thật sự ấn tượng. Khoản đầu tư tốt nhất cho team thiết kế.

    Ben S., Lead Designer tại PixelPerfect

  • Là founder không technical, template Neobrutalism.com giúp chúng tôi launch MVP kỷ lục mà không hy sinh chất lượng thiết kế. Nhà đầu tư rất ấn tượng.

    Matthew I., Nhà sáng lập startup

  • Tôi thích cách các component này modular và được tài liệu hóa tốt. Chúng tôi trộn ghép mảnh từ nhiều template rất mượt.

    Garrett P., Frontend Lead tại TechFusion

  • ROI của template Neobrutalism.com thật sự lớn. Chúng tôi giảm mạnh thời gian phát triển mà vẫn giao site chất lượng hơn cho khách.

    Xavier C., Chủ agency

Câu hỏi thường
gặp

Cách xây dựng khối Thanh điều hướng logo giữa có mega menu, những gì bạn có thể thay đổi, và khi nào nên sử dụng thay cho các bố cục khác ở đây.

Gặp sự cố về quyền truy cập? Gửi email[email protected]
Get Pro — Save 33%--:--:--