Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile
Ksenia Kondrashova

@uuuuuulala

Creative Front-End Developer: WebGL, SVG, Canvas, GSAP, Three.js, Shaders, d3.js, etc

ID: 97893901

linkhttps://ksenia-k.com calendar_today19-12-2009 12:59:33

279 Tweet

6,6K Followers

210 Following

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

Messing around with jelly shapes 👀 The blobs are moving around randomly and reacting to each other and the cursor speed. The animation is done with GLSL shaders and JS. A total code size of about 15kb Live demo & source code: codepen.io/ksenia-k/pen/E… Hosted on CodePen.IO

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

Rube Goldberg HTML form! Tbh I spent way too much time on this one haha. As fun as it is useless :) Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO Made with #GSAP GSAP

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

Happy to be back to WebGL fluid simulations Still don't understand it 100%, but getting veeery close :) Well, close enough to integrate a text texture. Enjoy! Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO Special thanks to Misaki Nakano and Pavel Dobryakov

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

I don't use #d3js that much these days, but d3-force-layout has a special place in my heart haha I mean, look at this cutie! And the code behind it is super easy to understand Live demo & source code: codepen.io/ksenia-k/pen/B… Hosted on CodePen.IO Made with #d3 D3.js

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

Quick shader exercise: pixelated image distortion Small code size, easy to use and customize. Should look good with the offset parameter bound to scroll progress I think (but I'm sharing the most basic setup) Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

Another WebGL image filter (and a great occasion to use my vacation pics) Around 10kb of GLSL + vanilla JS, no external libraries Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: codepen.io/ksenia-k/full/… Made with #webgl #shader and a bit of GSAP (GSAP) Hosted on CodePen.IO

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

You seem to like WebGL image filters. Here’s another one! Still on my way to fully understanding fluid simulation.. what a magic, huh Live demo & source code: codepen.io/ksenia-k/full/… Hosted on CodePen.IO Wouldn’t happened without iconic fluid simulation by Pavel Dobryakov

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

Saying hi to the holiday season with an interactive Christmas tree animation Live demo & source code: codepen.io/ksenia-k/pen/y… Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova (@uuuuuulala) 's Twitter Profile Photo

I'm making a bunch of fun things for Paper these days - sharing soon But for now, here’s a little toy we made to give your logo that Apple-style look! live: liquid.paper.design repo: github.com/paper-design/l… #AppleLaunch