Giới thiệu

GODRICH mang đến cho những người xây dựng website animation CSS và SCSS chạy thật sự, dưới dạng file tải về.

Code tìm được qua tìm kiếm thường chỉ là một mảnh nhỏ. Dán vào là không chạy, hoặc không biết phải sửa chỗ nào. Mỗi bài viết ở đây gói gọn demo chạy trực tiếp, mã nguồn hoàn chỉnh (HTML + SCSS và bản React), và prompt đã dùng để AI tạo ra kết quả tương tự — tất cả trong một file zip.

Mỗi bài viết có gì

• Demo chạy thật kèm số liệu đo chuyển động
• Một đoạn ngắn giải thích vì sao dùng thuộc tính này
• Một tình huống thực tế mà nó bị lỗi
• Ba biến thể chỉ đổi một giá trị
• Xử lý khả năng tiếp cận (prefers-reduced-motion)
• File zip và mật khẩu (nằm trong bài viết)

Dành cho ai

Người xây dựng website bằng Cursor, Claude Code, v0 và các công cụ tương tự. Không tự tay viết CSS nhưng vẫn phải chọn ra kết quả phù hợp.

Giấy phép

Code trong file zip theo giấy phép MIT. Dùng thoải mái cho website thương mại. Với bài có hình ảnh, bản quyền từng ảnh được ghi trong README bên trong zip.

Có thắc mắc, xem trang liên hệ.