• SVG Draw on Scroll

    Utilising Framer-Motion's useScroll functionality , their example carousel formed the basis of my Portfolio section and inspired refactoring the SVG Circle into a series of Ellipses.

  • Sidebar

    Once again inspired by the possibilities of Framer-Motion, I took their Side Menu codepen as the basis for my Sidebars, and adjusted the variants to fit my needs.

  • Cards

    Apple know what they're doing. So I decided why not take inspiration and inspect the Cards I particularly like on their UK Store.

  • Animations

    A credits section wouldn't be complete without a nod to Fireship.

  • Sexy Curves

    Another Fireship plug, this time helping influence how to make the borders between homepage sections more interesting

  • Dark Mode

    Like every good developer, I wanted everything to be dark. So I made a dark mode. I then realised I had no idea how to make things in dark mode... Cue the geniuses behind Material UI for this comprehensive guide.

  • Menu Hover Effect

    The title told me I needed it so I did. I'm very glad I could include this beautiful effect and Hyperplexed provided such a great breakdown on it.

  • Hover Animation on Titles

    When designing my site I spent a while looking at others and searching for inspiration. When I came across this site. one of the first things I did was reverse engineer the effect.