20 link hay về plugin Front End (Chủ yếu thiên về UI) #j2team_share

Chia sẻ các link web về olugin Front End (Chủ yếu thiên về UI) trên group J2Team. Thấy hay nên lưu lại để tiện cần khi sử dụng.


1. Plugin hover css (Tạo hiệu ứng khi rê chuột - vào) :
- http://ianlunn.github.io/Hover/
2. Plugin Animate.css (Tổng hợp 1 số animate css, cũng là hiệu ứng):
- https://daneden.github.io/animate.css/
3.Plugin Image hover (Tạo hiệu ứng khi rê chuột vào ảnh) :
- http://imagehover.io/
4. Owl carousel (Slider cho website) :
- https://owlcarousel2.github.io/OwlCarousel2/
5. Slick slider (Slider cho website - nhẹ hơn owl carousel, bác nào thích hiệu ứng có thể dùng owl carousel, thích đơn giản thì dùng thằng này) :
- http://kenwheeler.github.io/slick/
Bác nào muốn hiệu ứng cho slick slider có thể dùng thêm thằng bên dưới
- https://github.com/marvinhuebner/slick-animation (Hỗ trợ hiệu ứng cho slick slider, cần có animate.css)
6. Plugin Wow js (Tạo hiệu ứng xuất hiện khi cuộn trang) :
- https://wowjs.uk/
7. Plugin Isotope (Tạo hiệu ứng mỗi khi click vào filter) :
- https://isotope.metafizzy.co/
8. Direction Reveal (Tạo hiệu ứng khi rê chuột vào sẽ theo hướng di chuyển của chuột - xem demo để rõ hơn) :
- https://nigelotoole.github.io/direction-reveal/
9. Plugin Scroll With Ease (Tạo hiệu ưng ease khi lăn chuột) :
- https://www.jqueryscript.net/animation/Configurable-Smooth-Scrolling-Plugin-With-jQuery-Scroll-With-Ease.html
10. Font Awesome Animation (Hiệu ứng cho Font Awesome):
- http://l-lin.github.io/font-awesome-animation/
11. Framework Material Design for Bootstrap (Bản custom bootstrap với material design) :
- https://fezvrasta.github.io/bootstrap-material-design/
12. Materialize (Framework với phong cách material design) :
- https://materializecss.com/
13. Plugin ScrollReveal (Tạo hiệu ưng xuất hiện khi cuộn trang giống Wow js nhưng cái này có độ delay từng phần tử ):
- https://scrollrevealjs.org/
14. Keyframes (Tạo animation có bản web và bản extension chrome) :
- https://keyframes.app/
15. Plugin Tilt (Tạo hiệu ứng parallax khi rê chuột vào phần tử) :
- https://gijsroge.github.io/tilt.js/
16. Plugin Particles (Tạo hiệu ứng ngân hà Một số plugin front end chủ yếu thiên về UI:v theo em thì là vậy) :
- https://vincentgarreau.com/particles.js/
17. Plugin LegitRipple (Tạo hiệu ứng ripple wave khi click vào phần tử) :
- https://matthias-vogt.github.io/legitRipple.js/
18. Plugin Splitting (Tạo hiệu ứng text, image, list.... cho website) :
- https://splitting.js.org/
19. Plugin Fancybox (Tạo hiệu ứng khi xem ảnh) :
- https://www.fancyapps.com/fancybox/3/
20. Plugin Anime JS (Tạo hiệu ứng cho phần tử) :
- http://animejs.com/

Đăng nhận xét

3 Nhận xét

» Hướng dẫn nhúng hình ảnh: chỉ cần sử dụng link ảnh dán vào, vd: http://domain.com/image.png
» Tham trang khảo ảnh động cực cute: Qoobee
» Hướng dẫn nhúng link trang web: <a href="url" rel="nofollow">Link</a>
» Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
» Không spam link, chia sẻ các link không liên quan đến bài viết.
» Không xuyên tạc, bôi nhọ tổ chức hay cá nhân nào.
» Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước. Xem thêm...