Xin giới thiệu 40 CSS Library frameworks, và tools được yêu thích nhất hiện nay.
CSS Libraries
Imagehover.css – Thư viện CSS cho image hover
Diffee Checker – Đối chiếu đồ họa nhanh chóng với CSS blend modes.
CSS Image Filters – Tập hợp nhiều hướng dẫn, thư viện và công cụ.
StarWarsIntro.css – Thư viện CSS dùng để tái hiện Intro Crawl của Star Wars.
EQCSS – CSS extension cho element queries .
Tootik – Thư viện CSS Tooltip.
Hamburgers – Tập hợp icons hamburger CSS động của Jonathan Suh.
Balloon.css – tooltips đơn giản hoàn toàn bằng CSS bởi Claudio Holanda.
CSSGram – Thư viện nhỏ gọn, mô phỏng Instagram filter bằng CSS filters & blend modes.
CSSCO – Màng lọc ảnh làm từ CSS, lấy ý tưởng từ VSCO và CSSgram.
PostCSS.parts – catalog PostCSS plugins, tìm kiếm được.
voxel.css – voxel library CSS 3D, mới và nhẹ.
CSS Tools
stylelint –CSS linter hiện đại, mạnh mẽ, giúp bạn thực thi các quy ước chung và tránh lỗi.
WAIT! Animate – Cách tính toán phần trăm CSS animation keyframe thật đơn giản.
MaintainableCSS – Phương tiện dùng để viết CSS theo module, mở rộng được, dễ bảo dưỡng.
Responsive Image Breakpoints Generator Bởi Cloudinary.
Brand-Colors – Tập hợp hơn 400 Brand Colors (SCSS, Less, Sass, Stylus & CSS).
A Practical CSS Cheat Sheet Bởi Toptal Developers.
Styleguide Tools & Resources
Styleguide – Tài nguyên giúp tạo styleguides sống động, dễ dàng hơn.
Atomic Docs – Front-end style guide generator và SASS component manager.
Styleguide Toolbox – Tập hợp templates, UI kits, tools & generators.
Responsive Email & Newsletter Frameworks
MJML – framework duy nhất đơn giản hóa quá trình tạo respnsive email.
Flexbox Tools & Frameworks
Flex Layout Attribute (FLA) – CSS Flexbox layout helper.
Grd – CSS grid framework gọn nhẹ (chỉ 512 bytes) sử dụng Flexbox.
Flexbox Grid – Grid System Based dựa trên Display Property flex.
Bulma – CSS framework hiện đại, dựa trên Flexbox.
Flexbox Playground – Công cụ hữu ích giúp tìm hiểu và xây dựng Flexbox layouts.
Flexbox Patterns – Xây dựng user interfaces tuyệt đẹp với CSS flexbox.
Flexbox Editor – Web-based editor tạo flexbox layouts.
CSS Web Layout Frameworks
Driveway – CSS masonry layout aid.
Bricklayer – Thư viện grid layout phân tầng tương tự Pinterest, gọn nhẹ và độc lập.
Simple Grid – CSS grid cho website, đơn giản, gọn nhẹ, tương tác cao.
BlazeCSS – CSS framework theo module, nguồn mở giúp xây dựng website nhanh hơn.
Vital CSS Framework – Minimally invasive CSS framework cho nhiều ứng dụng web hiện nay.
Aleut.css – web framework mạnh mẽ, chú trọng vào hiệu năng và khả năng mở rộng.
Picnic CSS – Thư viện CSS cho project một khởi đầu thuận lợi.
Wing – CSS Framework mới, gọn nhẹ.
RichCSS Framework – “Beautiful, DRY, Clean and Reusable CSS”.
Materialize – CSS Framework dựa trên Material Design.
Nguồn Hongkiat.com