Một Số Front End Development Tools Dành Cho Website

Đây là danh sách một số front end development tools:

1. Roadmap: Là nơi đưa ra các lộ trình học lập trình dành cho người mới bắt đầu dành cho frontend, backend, DevOps, Android,...

2. Matter là nơi tổng hợp các UI được xây dựng theo thiết kế Material chỉ với CSS.

3. Nescss là thư viện xây dựng giao diện cho website theo kiểu Nes-style.

4. AutoNumeric.js: Tự động chuyển format cho number và currencies.
5. Instant Page: Giúp tải trước các phần quan trọng của website khi người dùng hover vào đường dẫn.

6. unDraw là nơi cung cấp các hình ảnh miễn phí dành cho thiết kế website.
7. splitJS giúp bạn dễ dàng thiết lập cột layout dành cho thiết kế website.
8. SimpleBar: Thư viện custom scrollbar javascript cho tất cả các trình duyệt.

9. AnimatedMeshLines: Tổng hợp các hiệu ứng animation đẹp mắt dành cho website.
10. html2canvas giúp bạn chụp màn hình bằng javascript.
11. Choices.js giúp thiết lập select box và input text cho form website.
12. Medium Zoom là thư viện javascript tạo hiệu ứng zoom effect html.
13. mailgo: Thiết kế link email đẹp dành cho trang web.
14. Hat.sh: Giúp mã hoá file dành cho developer.
15. draggable: Giúp bạn tạo chức năng drag and drop dành cho trang web.

16. CSS Wand là nơi tổng hợp các hiệu ứng hover css đẹp mắt dành cho website.

17. Pagemap: Tạo mini map dành cho trang web.

18. Hover.css là nơi tổng hợp các hiệu ứng hover css dành cho thiết kế website.
19. Prettier: Giúp code fortmatter dành cho các ngôn ngữ lập trình phổ biến như Javascript, JSX, Vue, CSS, HTML,...

20. Jimp: Thư viện xử lý hình ảnh bằng javascript.
21. SortableJS: Tạo chức năng sắp xếp dành cho drag and drop list.
22. tina: Là công cụ content management mã nguồn mở được xây dựng dựa trên Nextjs.
23. Sal.js: Thư viện tạo hiệu ứng scroll aniamtion dành cho trang web.
24. Magic: Tổng hợp các hiệu ứng animation dành cho trang web.

25. MoreTogglescss: Tổng hợp các toggle button css dành cho website.

26. CSS Layout: Tổng hợp các layout css phổ biến trong thiết kế website.

27. Bootstrap Icons: Thư viện mã nguồn mở với hơn 1600 icon dành cho trang web.

28. sharect: Thư viện giúp bạn tạo công cụ chia sẻ giống như trang Medium.

29. Image Compare Viewer: Giúp tạo chức năng so sánh hình ảnh trước và sau chỉnh sửa.

30. Nano ID giúp tự dộng tạo id dành cho các phần tử trong website.

31. Gitmoji là nơi tổng hợp các icon cảm xúc thú vị dành cho trang web.

32. carbon: Giúp chụp ảnh mã code dành cho lập trình viên.

33. three dots: Tổng hợp các hiệu ứng loading animation dành cho website.

34. Wired Elements là giao diện hand-drawn dành cho các phần tử trong trang HTML.

35. Day.js là công cụ chuyên dụng dành cho date trong website.

36. Rough.js là thư viện graphic dành cho website.

37. SweetAlert2: Tạo thông báo dành cho website.