Init UI là một framework CSS nhỏ gọn, không phụ thuộc thư viện ngoài, được thiết kế để bạn có ngay một bộ giao diện đẹp, nhất quán mà không phải cấu hình rườm rà....
OKLCH đang trở thành từ khóa được các lập trình viên frontend và nhà thiết kế web tìm kiếm nhiều nhất trong năm qua. Đây là không gian màu mới được W3C chuẩn hóa trong...
Speed test là tính năng "ăn tiền" trong các trang landing page công nghệ, hosting, hoặc đơn giản là để khoe kỹ năng front-end. Tin vui là: chỉ với JavaScript thuần, một chút CSS animation,...
Dark mode không còn là "nice-to-have" — nó là yêu cầu cơ bản của mọi giao diện hiện đại. Tin vui là: chỉ với CSS variables và một chút JavaScript, bạn có thể xây dựng...
Drag & drop file upload là tính năng không thể thiếu trong mọi app hiện đại — từ upload avatar đến gửi tài liệu. Tin vui là: chỉ với HTML5 Drag & Drop API, File...
Một trong những chi tiết giúp website manga trở nên nổi bật hơn chính là hiệu ứng dành riêng cho thành viên VIP. Thay vì chỉ đổi màu nickname hoặc thêm badge đơn giản, nhiều...
Magnetic Hover là một hiệu ứng UI hiện đại trong đó nút bấm hoặc chữ sẽ có cảm giác “bị hút” về phía con trỏ chuột khi người dùng di chuyển gần đến. Hiệu ứng...
Hiệu ứng chữ sáng theo vị trí con trỏ chuột (spotlight text effect) là một kỹ thuật UI hiện đại, thường được sử dụng trong hero section, landing page hoặc banner thương hiệu. Khi người...
Lì xì là biểu tượng quen thuộc của may mắn, tài lộc và khởi đầu suôn sẻ trong dịp Tết. Hiệu ứng mưa lì xì rơi nhẹ trên website tạo cảm giác vui vẻ, thu...
Lồng đèn bay là một hình ảnh mang nhiều ý nghĩa trong văn hóa Á Đông, tượng trưng cho ước nguyện, bình an và khởi đầu tốt đẹp. Khi được đưa vào website dịp Tết,...
Hoa mai vàng là biểu tượng quen thuộc của Tết miền Nam, gắn liền với may mắn và tài lộc đầu năm. Việc thêm hiệu ứng hoa mai rơi nhẹ nhàng vào website giúp không...
Vào dịp Tết, một website có thêm chuyển động nhẹ nhàng sẽ tạo cảm xúc rất tốt cho người xem. Hiệu ứng hoa đào rơi là một lựa chọn đơn giản nhưng hiệu quả, giúp...
Giả lập giao diện trình duyệt bằng HTML, CSS và JavaScript đang trở thành một xu hướng cực kỳ thú vị trong giới frontend. Không chỉ để “làm màu”, kỹ thuật này giúp bạn trình...
Cursor Follower Effect là hiệu ứng con trỏ chuột có thêm một vòng tròn (hoặc blob) di chuyển theo sau, tạo cảm giác giao diện “sống” và phản hồi trực tiếp với người dùng. Đây...
Text Particle Effect là kiểu hiệu ứng mà chữ không chỉ animate đơn thuần, mà có thể “vỡ ra”, tan thành hạt rồi quay trở lại hình dạng ban đầu. Đây là dạng hiệu ứng...
Text Reveal Animation là kiểu hiệu ứng chữ không xuất hiện ngay, mà được lộ dần ra theo một hướng (trái → phải, dưới → lên, hoặc thông qua lớp che). Đây là hiệu ứng...
Hover effect là thứ rất dễ làm… và cũng rất dễ làm xấu. Phần lớn hiệu ứng hover trên web hiện nay rơi vào một trong ba dạng: quá gắt, quá màu mè, hoặc quá...
Typewriter effect nhìn thì đơn giản, nhưng làm không khéo là lộ ngay: chữ nhảy, gõ không đều, thậm chí hiện nguyên câu rồi mới bắt đầu gõ lại. Lý do thường không nằm ở...
Mỗi mùa lễ là lại thấy tuyết rơi khắp nơi trên website. Nhưng sự thật hơi phũ: rất nhiều hiệu ứng tuyết rơi bị làm quá tay, dùng canvas hoặc thư viện nặng, khiến trang...
Pháo hoa luôn là hiệu ứng “ăn tiền” trong các trang landing page, trang chúc mừng, đếm ngược năm mới hoặc đơn giản là để khoe kỹ năng front-end. Tin vui là: không cần canvas...
Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.