Framework
Javascript/Frontend Framework
1. React
- Home page: https://reactjs.org/
- Github (~190K star): https://github.com/facebook/react/stargazers
- Được tạo ra bởi Facebook và Instagram
- Viturl DOM
- One-way data binding. Using LinkedStateMixin to support Two-way data binding.
2. VueJS
- Home page: https://vuejs.org/
- Github (197K star): https://github.com/vuejs/vue/stargazers
- Được tạo ra bởi Evan You. Ông là một lập trình viên.
- One/Two-way data binding
3. AngularJS
- Home page: https://angularjs.org/
- Github (82K star): https://github.com/angular/angular/stargazers
- AngularJS được phát triển lần đầu tiên bởi Misko Hevery và Adam Abrons vào năm 2009, và hiện được duy trì bởi Google.
- AngularJS có 3 thành phần chính là: ng-app, ng-model, ng-bind
- One/Two-way data binding
4. EmberJS
- Home page: https://emberjs.com/
- Github (22K star): https://github.com/emberjs/ember.js
- Ember js (tên thật là SproutCore MVC framework) là một framework mã nguồn mở JavaScript phía client dùng cho phát triển các ứng dụng web và sử dụng mô hình Model-View-Controller. Ember Js ban đầu được tạo ra SproutCore vào năm 2007 sau được mua lại vào năm 2011 bởi Facebook và đổi tên như hiện tại.
- One/Two-way data binding
5. Preact
- Home page: https://preactjs.com/
- Github (~32K star): https://github.com/preactjs/preact/stargazers
- Được tạo ra bởi Jason Miller
- Virtual DOM
6. Svelte
- Home page: https://svelte.dev/
- Github (~58K star): https://github.com/sveltejs/svelte/stargazers
- Được tạo ra bởi Rich Harris
UI/CSS Framework
1. AntDesign
- Home page: https://ant.design/
- A design system for enterprise-level products. Create an efficient and enjoyable work experience.
- Ngôn ngữ thiết kế Ant Design là do đội ngũ Ant UED cho ra mắt dành cho giao diện của ứng dụng, nhằm mục đích nhất quán các thông số giao diện người dùng trên nền tảng dự án nội bộ, giảm chi phí không cần thiết của việc triển khai ý tưởng và cung cấp nhiều tài nguyên cho việc thiết kế và lập trình front-end.
- Github (80K star): https://github.com/ant-design/ant-design/
2. Material UI
- Home page: https://mui.com/
- Material UI is a comprehensive library of components that features our implementation of Google's Material Design system
- Github (78K star): https://github.com/mui/material-ui/stargazers
3. Bulma
- Home page: https://bulma.io/
- Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.
- Github (45K star): https://github.com/jgthms/bulma/stargazers
4. Materialize
- Home page: https://materializecss.com/
- Materialize is a modern responsive CSS framework based on Material Design by Google.
- Github (~39K star): https://github.com/Dogfalo/materialize/stargazers
5. Tailwind CSS
- Home page: https://tailwindcss.com/
- Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
- Github (57K star): https://github.com/tailwindlabs/tailwindcss/stargazers
6. Foundation
- Home page: https://get.foundation/
- A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, including these handy HTML templates to help get you started!
- Github (29K star): https://github.com/foundation/foundation-sites/stargazers
7. Semantic UI
- Home page: https://semantic-ui.com/
- Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
- Semantic cho phép các nhà phát triển xây dựng các trang web đẹp nhanh chóng, với HTML súc tích, javascript trực quan và gỡ lỗi đơn giản, giúp làm cho việc phát triển front-end trở thành một trải nghiệm thú vị. Ngữ nghĩa được thiết kế đáp ứng cho phép trang web của bạn mở rộng quy mô trên nhiều thiết bị. Semantic đã sẵn sàng sản xuất và hợp tác với các khung như React, Angular, Meteor và Ember, có nghĩa là bạn có thể tích hợp nó với bất kỳ khung nào trong số này để tổ chức lớp giao diện người dùng cùng với logic ứng dụng của bạn.
- Github (50K star): https://github.com/Semantic-Org/Semantic-UI/stargazers
8. Bootstrap
- Home page: https://getbootstrap.com/
- Bootstrap được sáng tạo bởi Mark Otto và Jacob Thornton tại Twitter. Ban đầu nó có tên gọi là Twitter Blueprint và được xuất bản với vai trò như một mã nguồn mở vào ngày 19/8/2011 trên GitHub.
- Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.
- Github (158K star): https://github.com/twbs/bootstrap/stargazers
9. Ionic
- Home page: https://ionicframework.com/
- Ionic được tạo ra bởi Max Lynch, Ben Sperry và Adam Bradley của Drifty Co. Bản alpha đầu tiên của nó được ra mắt vào năm 2013.
- Github (47K star): https://github.com/ionic-team/ionic-framework
10. GetUIKit
- Home page: https://getuikit.com/
- A lightweight and modular front-end framework for developing fast and powerful web interfaces.
- Github (17K star): https://github.com/uikit/uikit