Hiện nay, có rất nhiều UI Framework hoàn hảo để giúp cho những lập trình viên có thể tạo ra những giao diện thiết kế cho người dùng chuyên nghiệp và tuyệt vời. Trong bài viết này mình xin chia sẻ về những Framework mà mình đã được trải nghiệm giúp bạn có thể tham khảo và đánh giá được những Framework nào phù hợp.

Ant Design

Đây là thư viện mình đã được trải nghiệm đầu tiên khi làm việc với Vue, một thư viện khá nổi tiếng và giao diện bắt mắt nên được nhiều lập trình viên chọn để sử dụng. Ant Design là một thư viện mã nguồn mở cho phép bạn có thể tạo các trang web hấp dẫn, đáp ứng nhu cầu. Một tập hợp các thành phần Vue chất lượng cao sẵn có. Ant Design cũng hỗ trợ cho cả Vue lần React.

Các bạn có thể tham khảo tại: Trang chủ và Github

Vuetify

Là một thư viện UI component dành cho VueJs với thiết kế đẹp mắt với mục đích là dễ dàng sử dụng cho người mới bắt đầu với hàng trăm component được xây dựng và thiết kế tỉ mỷ và đặc biệt support rất nhiều cho mobile. Vuetify là một semantic component framework được xây dựng cho Vue. Và đang là một trong những thư viện được người code Vue sử dụng nhiều nhất. Vuetify có bộ tài liệu khá rõ ràng và có các video học giúp cho những người mới dùng dễ hiểu và dễ dùng, các bạn có thể xem tại Trang chủ và Github

Quasar

Theo mình thấy đây là một thư viện khá mới, có thể chưa phổ biến đến người dùng (ý kiến cá nhân). Nhưng những gì nó mang lại thì quả thực rất nhiều lợi ích. Là framework mã nguồn mở giúp việc xây dựng giao diện bằng Vuejs được dễ dàng và nhanh chóng hơn. Cho phép viết code một lần sau đó có thể đồng thời deploy dưới dạng website, PWA, Mobile App hoặc Electron App sử dụng cùng codebase. Quasar hỗ trợ Responsive Websites, Mobile Apps (Android, iOS,..) thông qua Apache Cordova, Multi-platform Desktop Apps (sử dụng Electron),… Thực sự Quasar framework sinh ra là để cho Vue vậy. Các bạn có thể tham khảo tại: Trang chủ và Github

Element Plus

Cũng là một thư viện rất nổi tiếng, thư viện hỗ trợ về Vue 3 nhiều hơn. Element UI là có số lượng component khá lớn, nên bạn tha hồ lựa chọn trừ khi những UI quá đặc biệt mà thôi. Thư viện có sử dụng bảng màu đa dạng, độ tương phản cao, dễ dàng thay đổi chủ đề cho trang web, đáp ứng được cho nhiều loại dự án web khác nhau, các đoạn code dễ dàng sử dụng cho người mới. Element giúp cho website trở lên nhẹ nhàng hơn và chạy khá mượt. Về tài liệu thì cũng rất rõ ràng và rất dễ học. Các bạn tham khảo thêm tại: Trang chủ và Github

Tổng kết

Framework là một trong những thành phần hữu ích hỗ trợ lập trình viên trong quá trình làm việc với các dự án, đặc biệt là về front-end. Đây là một số những UI Framework mà mình đã được trải nghiệm qua. Mình có để tài liệu tham khảo ở từng phần, hy vọng bài viết sẽ giúp các bạn có thêm đưa ra những góc nhìn và đánh giá xem UI phù hợp cho dự án của bạn