Skip to content
React Awesome Loaders

References

Built using some of the awesome projects

‌Awesome Loaders is created using latest libraries and packages built for React JS. And here are these amazing open source projects which we definitely want to give shoutout.

Dependencies for core loader components

  • styled-components: Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress.
  • gsap: GreenSock's GSAP JavaScript animation library (including Draggable).
  • three: JavaScript 3D library.
  • zdog: Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
  • polished: A lightweight toolset for writing styles in JavaScript.
  • jquery: jQuery JavaScript Library.
  • react-responsive: CSS media queries in react - for responsive design, and more.
  • webpack: A bundler for javascript and friends. Packs many modules into a few bundled assets.
  • babel: Babel is a compiler for writing next generation JavaScript.

Dependencies for documentation website

  • react-live: A flexible playground for live editing React components.
  • react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion.
  • react-spring: A spring physics based React animation library.
  • react-use-gesture: Bread n butter utility for component-tied mouse/touch gestures in React.
  • prism-react-renderer: Renders highlighted Prism output to React (+ theming & vendored Prism).
  • parse-numeric-range: Parses expressions like 1-10,20-30. Returns an energetic array.
  • xstyled: A utility-first CSS-in-JS framework built for React.
  • mdx: JSX in Markdown for ambitious projects.
  • smooth-doc: Ready to use documentation theme for Gatsby.

There are many other dependencies which the project has used internally. You can check them in package.json in the Github repository.

Note that I have mentioned the original creator of concept first proof of concept link at the bottom of each loader document. I have writtern Inspired because I have made major code modifications. Code modifications includes converting sass, css and stylus files to components with styled-components. This also includes making animation codes scalable as well as responsive. Customising parameters is also something which I introduced.