Filament: framework UI Laravel cho bảng quản trị
filamentphp/filament
Filament là một framework UI cho Laravel, cung cấp sẵn bảng dữ liệu, biểu mẫu và widget trang tổng quan thay vì tự viết từng màn hình quản trị. Filament xây trên Livewire nên component phản ứng bằng PHP, không cần JavaScript riêng. Nên dùng nếu bạn đã quen Laravel/Livewire và cần bảng quản trị hoặc công cụ nội bộ nhanh; nên bỏ qua nếu stack của bạn không phải Laravel hoặc bạn cần frontend tùy biến hoàn toàn ngoài TALL stack.
Giới thiệu Filament
Filament là một gói PHP mã nguồn mở, kết hợp các quy ước có sẵn của Laravel với một bộ component UI chạy trên Livewire — bảng dữ liệu, biểu mẫu, infolist, thông báo và widget trang tổng quan — để xây dựng bảng quản trị và ứng dụng nội bộ. Filament nằm trong TALL stack (Tailwind, Alpine.js, Laravel, Livewire), và các component dùng chung một hệ thống thiết kế nên các trang quản trị có giao diện nhất quán trong cùng một dự án.
Các component UI và tính năng chính
- ✓Component Tables (bảng dữ liệu) để duyệt tập dữ liệu lớn, với cột sắp xếp/lọc được, hành động theo từng dòng và thao tác hàng loạt chỉ cần thiết lập một lần.
- ✓Component Forms (biểu mẫu) gồm các trường có thể tái sử dụng và biết trạng thái, nên biểu mẫu nhiều bước hay có điều kiện không biến thành một đống code Blade/JS tùy biến.
- ✓Infolists dùng để hiển thị bản ghi chỉ đọc — bố cục có cấu trúc với định dạng tùy chỉnh, tách biệt với các component biểu mẫu có thể chỉnh sửa.
- ✓Hệ thống Notifications (thông báo) hiển thị phản hồi ngay trong ứng dụng cho hành động của người dùng, lỗi và sự kiện nền, với rất ít code thiết lập.
- ✓Widget trang tổng quan hiển thị số liệu trực tiếp theo dữ liệu thực, có thể giới hạn phạm vi theo từng người dùng hoặc từng panel.
- ✓Action modals gộp hộp thoại xác nhận và nhập dữ liệu ngay trong một luồng modal duy nhất gắn với một hành động cụ thể.
Ứng dụng được xây dựng bằng Filament
- •Bảng quản trị cho ứng dụng Laravel — đây là trường hợp sử dụng chính mà README nhắc đến đầu tiên, bao gồm các màn hình back-office nặng về CRUD.
- •Trang tổng quan nội bộ, kết hợp component widget với bảng dữ liệu để hiển thị số liệu cho một đội nhóm nội bộ.
- •Quản lý nội dung kiểu CMS gọn nhẹ, dùng component biểu mẫu và bảng dữ liệu để quản lý bản ghi mà không cần xây UI riêng từ đầu.
- •Màn hình quản lý bản ghi và cài đặt cho quản trị viên hoặc người dùng, thêm dần vào một ứng dụng Laravel sẵn có thay vì viết lại toàn bộ.
Bắt đầu với Filament
README không nêu các lệnh cài đặt cụ thể — không có lệnh `composer require` hay bước cài đặt artisan nào được liệt kê. Thứ README cung cấp là liên kết đến tài liệu chính thức (filamentphp.com/docs) để xem hướng dẫn cài đặt, cùng một bản demo được triển khai sẵn (demo.filamentphp.com) để bạn dùng thử giao diện trước khi cài bất cứ thứ gì. Nếu muốn xem luồng cài đặt trước khi quyết định, hãy bắt đầu từ bản demo.
Phát triển UI tùy chỉnh với Filament
Cách dùng hằng ngày cũng không được tài liệu hóa trong README — không có ví dụ code nào cho việc định nghĩa một resource, một schema biểu mẫu, hay một cột bảng dữ liệu. Điều README xác lập là mô hình tư duy: bạn ghép các panel từ component Tables, Forms, Infolists, Notifications, Widgets và Action modals, và vì mọi thứ chạy qua Livewire nên trạng thái thay đổi ở frontend mà không cần viết riêng một lớp API. Muốn biết cú pháp thật sự — định nghĩa class Resource, thiết lập schema biểu mẫu — bạn cần vào tài liệu tại filamentphp.com/docs. README của repo này dừng lại ở danh sách tính năng.
Điểm mạnh
- ✓Sáu component (bảng dữ liệu, biểu mẫu, infolist, thông báo, widget, action modal) dùng chung một hệ thống thiết kế, nên một panel dựng từ chúng có giao diện và hành vi nhất quán, thay vì như sáu thư viện ghép tạm với nhau.
- ✓Xây trên Livewire, nghĩa là hành vi phản ứng của biểu mẫu và bảng dữ liệu nằm ở PHP — không cần thêm một framework JS riêng hay endpoint API chỉ để phục vụ UI quản trị.
- ✓Cấp phép MIT, nên không tốn chi phí bản quyền hay ràng buộc copyleft nào cản trở việc dùng cho mục đích thương mại.
- ✓Có bản demo được triển khai sẵn (demo.filamentphp.com) để đánh giá giao diện thật trước khi cài đặt bất cứ gì.
Những điều cần cân nhắc về Filament
- △README chỉ đưa ra danh sách tính năng, không có changelog, roadmap hay lịch sử phiên bản — nên chỉ nhìn vào repo này, bạn không biết được một component cụ thể đã ổn định đến đâu.
- △Hướng dẫn cài đặt và cách dùng đều nằm ngoài repo, trong tài liệu được triển khai riêng; README không đủ để một người mới từ con số 0 dựng được một panel chạy thật.
- △Filament gắn chặt với Laravel/Livewire — không có cách nào dùng các component của Filament ngoài một dự án Laravel + Livewire + Alpine.js (TALL stack).
- △README không kèm danh sách đơn vị sử dụng, benchmark hay case study thực tế nào, nên các tuyên bố về quy mô hay hiệu năng trong thực tế không được repo này chứng minh.
Lựa chọn thay thế Filament cho Laravel
Câu hỏi thường gặp về Filament
Filament được cấp phép theo MIT, nên bạn có thể dùng, chỉnh sửa và phát hành — kể cả trong sản phẩm thương mại — mà không tốn phí bản quyền hay bị ràng buộc copyleft.
Filament chạy trên TALL stack: Tailwind CSS để tạo giao diện, Alpine.js cho tương tác frontend nhẹ, Laravel làm framework PHP nền tảng, và Livewire giúp component phản ứng mà không cần build JS riêng cho từng tương tác.
Filament có một hướng dẫn đóng góp được liên kết từ README trên GitHub; báo lỗi thực hiện qua issue template của GitHub, còn ý tưởng tính năng thì đưa vào GitHub Discussions.
README của Filament hướng người dùng đến GitHub Discussions cho câu hỏi và đề xuất tính năng, cùng một cộng đồng Discord để trao đổi nhanh hơn; lỗ hổng bảo mật có quy trình công bố riêng.
Filament được thiết kế để phát triển cùng ứng dụng: README mô tả các component là những khối xây dựng bạn không dễ 'lớn vượt' qua khi độ phức tạp tăng lên. Việc có phù hợp với một trường hợp phức tạp cụ thể hay không còn phụ thuộc vào mô hình dữ liệu của bạn — README không đưa ra benchmark cho tuyên bố này, nên hãy tự kiểm chứng với trường hợp sử dụng của mình trước.
Giấy phép MIT của Filament cho phép sử dụng thương mại, kể cả trong sản phẩm trả phí, mà không cần trả phí bản quyền hay giấy phép riêng.
Vấn đề mà Filament giải quyết
Ứng dụng Laravel nào cần màn hình quản trị cũng phải dựng lại những phần giống nhau — một bảng dữ liệu có bộ lọc, một biểu mẫu có kiểm tra hợp lệ, một cách xem chi tiết từng bản ghi — và hầu hết các đội hoặc mua một gói quản trị thương mại, hoặc tự viết tay từng view Blade. Filament đóng gói sẵn những phần lặp đi lặp lại đó (bảng dữ liệu, biểu mẫu, infolist, thông báo, widget, action modal) thành một bộ component Livewire duy nhất, nên bạn không phải quyết định lại cách phân trang hay thao tác hàng loạt hoạt động ra sao mỗi khi thêm một resource mới.
Nên dùng — và nên bỏ qua khi nào
Lập trình viên Laravel đã quen với Livewire và cần một bảng quản trị, trang tổng quan nội bộ, hay back-office nặng về CRUD nên thử Filament — sáu component của nó ánh xạ trực tiếp vào đúng loại màn hình đó. Đội nhóm không có backend Laravel, hoặc cần một frontend tùy biến hoàn toàn không xây trên tính phản ứng phía server của Livewire, nên bỏ qua Filament và tìm một lựa chọn không phụ thuộc framework cụ thể.
Repo liên quan
filament có đáng để bạn bỏ thời gian?
ChatGPT, Claude và Perplexity đều đọc được trang này. Hỏi thử xem họ nghĩ gì về filament.