SVG / JS animations
Interactive SVG animations
Yes, they are!
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).
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
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.
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
- 3D web experiences
- 2D animations
- Interactive maps & infographics
- Data visualizations
- Browser games
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.