UI Framework (edit)
References
The State of CSS 2020: Resources
Design System
- Material Design - Google
- Fluent Design (Fluent UI) - Microsoft
Đươi đây là 5 trụ cột của Fluent Design:
- Light
- Depth
- Motion
- Material
- Scale
10+ thư viện UI components cho React – Ehkoo
Danh sách các tài nguyên dành cho thiết kế web & đồ họa - Code & Coffe (codfe.com)
Office UI Fabric
- Office UI Fabric JS
- Office UI Fabric React
- Office UI Fabric Icons
Tailwind CSS
React JS + Tailwind CSS
1) Semantic UI
Semantic UI Calendar
https://github.com/mdehoog/Semantic-UI-Calendar
https://github.com/bradygmsft/semantic-ui-aspnetcore-razor
https://jsbin.com/ruqakehefa/1/
Free template with semantic-ui and jQuery
https://github.com/muhibbudins/moderns
Semantic UI - Blog Template
https://github.com/shawooha/semantic-ui-free-blog-template
Semantic UI - Samples
https://bootsnipp.com/semanticui
2) CoreUI
Free Bootstrap Admin Template
ASP.NET Core MVC 2.1 y CoreUI 2 (Bootstrap 4)
3) PrimeFaces
https://www.accelebrate.com/training/jsf-primefaces
Top 10 Front-End Frameworks of 2018:
- Bootstrap: 101,433 Stars
- Semantic-UI: 28,170 Stars
- Foundation: 24,127 Stars
- Materialize: 21,515 Stars
- Material UI: 19,631 Stars
- Pure: 14,967 Stars
- Skeleton: 12,622 Stars
- UIKit: 7,433 Stars
- Milligram: 4,195 Stars
- Susy: 3,506 Stars
JavaScript Libraries:
- jQuery: A fast, small, and feature-rich JavaScript library.
- BackBoneJS: Give your JS app some backbone with models, views, collections, & events.
- D3.js: A JavaScript library for manipulating documents based on data.
- React: Facebook’s JavaScript library developed for building user interfaces.
- jQuery UI: A curated set of user interface interactions, effects, widgets, and themes.
- jQuery Mobile: HTML5-based user interface system designed to make responsive web sites.
- Underscore.js: Functional programming helpers without extending any built-in objects.
- Moment.js: Parse, validate, manipulate, and display dates in JavaScript.
- Lodash: A modern utility library delivering modularity, performance, & extras.
- Vue.js: An open source JavaScript framework used for building user interfaces.
- Bootstrap: HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
- Foundation: Family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device.
- Semantic UI: Development framework that helps create beautiful, responsive layouts using human-friendly HTML.
- uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces.
- Ruby: Ruby on Rails is a web-application framework that includes everything needed to create database-backed web applications, with the MVC pattern.
- AngularJS: Lets you extend HTML vocabulary for your web application. AngularJS is a framework, even though it’s much more lightweight and sometimes referred to as a library.
- Ember.js: A framework for creating ambitious web applications.
- Express: Fast and minimalist web framework for Node.js.
- Meteor: Full-stack JavaScript app platform that assembles all the pieces you need to build modern web and mobile apps, with a single JavaScript codebase.
- Django: High-level Python Web framework that encourages rapid development and clean, pragmatic design.
- ASP.net: Free, fully supported Web application framework that helps you create standards-based Web solutions.
- Laravel: A free, open-source PHP web application framework to build web applications on MVC pattern.
- Zend Framework 2: An open source framework for developing web applications and services using PHP.
- Phalcon: A full-stack PHP framework delivered as a C-extension.
- Symfony: A set of reusable PHP components and a web application framework.
- CakePHP: A popular PHP framework that makes building web applications simpler, faster and require less code.
- Flask: A microframework for Python based on Werkzeug and Jinja 2.
- CodeIgniter: Powerful and lightweight PHP framework built for developers who need a simple and elegant toolkit to create full-featured web applications.
Best JavaScript Frameworks, Libraries and Tools to Use in 2019
https://www.sitepoint.com/top-javascript-frameworks-libraries-tools-use/
5 Best JavaScript Frameworks for Desktop Apps
https://brainhub.eu/blog/javascript-frameworks-for-desktop-apps/
1/ Electron
2/ NW.js
3/ AppJS
4/ Meteor
5/ Proton Native