Awesome Frontend

Collection of awesome tools and libraries for building interfaces.

Animation and Parallax

• Lax.js

  Details

  Simple & light weight (3kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!

  Mainly used to create parallax effects

  Pros

  • Predefined sets for parallax with very simple configuration rules
  • Can be enabled / disabled / reinitialized (for window resize)
  • Support custom animation rules

  Cons

  • Custom animations are not easy to configure
  • Cannot define a threshold for the predefined sets

UI compoentns

Images comparison

• Image Compare Viewer

  Details

  Compare before and after images, for grading, CGI and other retouching comparisons. Vanilla Javascript, zero dependencies.

  Pros

  • Dependency Free
  • Works very well on mobile and touch friendly devices
  • Support vertical and horizontal modes
  • Simple markup and simple setup
  • Actively maintained

Sliders

• Swiper.js

  Details

  The most modern mobile touch slider

  Pros

  • Dependency Free
  • Works very well on mobile and touch friendly devices
  • Easy to define bullets and navigation buttons
  • Support RTL
  • Different modes like fixed number of slides, auto width, variable height, free mode, multi-row, nested sliders ...
  • Allow spaces between slides
  • Built-in lazy loading
  • Expose events