Libraries

A list of libraries Haio use to create web based magic such as animations and interactions.

  • Ionicons

    Open source CSS icons

    CSS
  • GSAP TweenMax

    A JavaScript animation library

    JavaScript
  • laxxx

    Animations when you scroll

    JavaScript
  • Sticky

    Elements stick to page

    JavaScript
  • Headroom

    Hide your header on scroll

    JavaScript
  • smoothState

    Progressively enhance page loads

    JavaScript

What is a CSS icon?

CSS icon packs are everywhere and choosing the right one for your design should not be overlooked, as it should reflect your brand's style.

Icons we use

For all things web, we use Ionicons. We keep our CSS icons to a minimum and only select the right ones that fit with the rest of the design. Here are the chosen ones:

When to use

  • Non bespoke / standard iconography
  • Pure CSS elements

Ionicons CSS

Place this code above the main style css file.

HTML Markup
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.6/css/ionicons.min.css" type="text/css">