Chris Gannon Hampshire, UK
Interactive designer, illustrator, animator and SVG connoisseur.Pro More
I Design With Code An SVG animation for my site. Inspired by the wonderfully playful Creogram Check out the live SVG on CodePen here You can find me here: Site ◦ T...
Download Dot Bounce (Success) A fun interactive download animation. You can buy this interactive animation from my store here. You can find me here: Site ◦ Twitter ◦ CodePen ◦...
Egg Toggle How do you like your eggs? Make your choice on CodePen here You can find me here: Site ◦ Twitter ◦ CodePen ◦ Instagram
Interactive Fire Add warmth to your project or even your living room with this gorgeous, mesmerizing, interactive SVG fire. And the best bit? You can poke it send...
Morphing Devices Morphing devices made with scrummy vectors (SVG). You can buy this and make your a custom version for your own project! You can find me here: Si...
SVG Page Hopper A (more fun!) variation on a UI component I've designed for a client. Check the interactive SVG version here: http://codepen.io/chrisgannon/detail...
Goo Bubble I love goo and I love bubbles. Check the live interactive SVG on CodePen here You can find me here: Site ◦ Twitter ◦ CodePen ◦ Instagram
SVG Splat Radio Button This is part of a suite of fun SVG UI components I am designing for desktop and mobile. Check the live SVG on CodePen here Learn to make it here ...
LEGO Loader Everybody loves LEGO and nobody likes waiting. I've lost track of the number of vehicles and buildings I've made with my son since he had his ton...
Desk Fan This is my first proper model I've built and animated. It's now part of the official Twitter app which is nice. You can find me here: Site ◦ Twi...
More This is an experiment into making an interactive logo. I saw this logo and thought it would be cool to make it so you can play with it! You can pl...
Wimbledon Toggle An utterly pointless but fun-to-make tennis toggle! Have a knockabout here Check it out with sound here You can find me here: Site ◦ Twitter ◦ C...
Road Block It's an isome-truck! Check out the live interactive SVG on CodePen here Twitter | CodePen | ello
SVG Balloon Slider I'm currently building a UI with various SVG sliders for a client and I had this idea whilst I was making them. You can play with it here - you ca...
SVG Twitter Broken Heart Resolution Independent Unliking™ I like Twitter's new Like animation but I thought it needed an unlike animation so I made both animations in SVG....
Soldiers of Fortune in SVG SVG version of the superlative Cub Studio GIF. Check out the live SVG on CodePen here Twitter | CodePen | ello
Responsive Lego Need a piece of LEGO? Make your own! A mashup of GreenSock and Bodymovin. You can play with the SVG on CodePen here You can find me here: Site ◦...
Sushi Toggle Salmon or cucumber? Make your choice on CodePen here You can find me here: Site ◦ Twitter ◦ CodePen ◦ Instagram
Jump Loader 2017 It's version 2017 because I made a simpler version two years ago for a Codrops article using GreenSock. Just thought I'd evolve it a bit and use ...
Egg Loader Just trying to make waiting more eggs-citing. Sorry. Check it out on CodePen here You can find me here: Site ◦ Twitter ◦ CodePen ◦ Instagram
Loaders Talk Intro Animation I was invited to speak about Interactive Web Animation at the Royal Institute for Generate Conf recently and I made lots of little animations to in...
Love Loader Still waiting for love... You can find me here: Subscribe ◦ Twitter ◦ CodePen ◦ Instagram
😀 ↔️ ☹️ How are you today? You can choose on CodePen here. You can find me here: Site ◦ Twitter ◦ CodePen
← Prev Next →