SVG / JS animations

Logos, icons and illustrations animated with GreenSock (GSAP).
ON FIRE
open codepen
open codepen

Interactive SVG animations

Yes, they are!
drag the jellyfish around!
open codepen
rate your experience
1 2 3 4 5 6 7 8 9 10
open codepen

Single file SVG animations

Some basic animations can be done as a single .svg file - without any external styles or JS dependencies. These tiny animations have total size just 2kb (waves) and 1kb (heart).
download .svg file (2kb)
download .svg file (1kb)

HTML5 Canvas

Same as with SVG, I make some 2D and pseudo-3D visuals on the <canvas> without usage of any special JS libs. Just vanilla JS, light and simple
Speed:
open codepen
click to add more confetti
open codepen

D3.js data visualizations

If some data is involved, D3.js is quite helpful. Although the examples below are SVG graphics, I work with CSS, Canvas and other tools to create visual representations of data.
group #1
group #2
click to switch layout
open codepen
open codepen
open codepen

Three.js and WebGL

Love this stuff and particularly interested in collaborations related to Three.js / WebGL — pretty much anything from 3D modeling to writing custom GLSL shaders.
This is just a GIF. See the live demo here
This is just a GIF. See the live demo here
This is just a GIF. See the live demo here
This is just a GIF. See the live demo here
This is just a GIF. See the live demo here

WHO I AM

My name is Ksenia Kondrashova. I’m a freelance front-end developer focused on motion design, animations and visualizations. Creative Front-End Developer if you wish :)

I’m experienced with both coding and design tools. I can assist with
I have an MA degree in embedded electronics (I still love hardware!) but turned to web development a few years after graduation. Since then, I’ve worked on various projects for clients all around the world. Please check out my upwork profile to see the reviews from more than 100 clients of mine.
whatsapp
telegram
linkedIn
upwork
codepen
instagram
twitter