javier.xyz
•
/ photos
•
/ blog

Hi! I'm Javier

I enjoy creating frontend experiments, design tools, and small games. Mexicano, living in Berlin, Germany. Software Engineer at Vercel.

Code.Find me on GitHub

background-transparent
background-transparent
2025
Transparent browser window simulator using screen sharing.
Website, Source
fluid-triangle
fluid-triangle
2025
Fun exploration with fluid physics and ASCII rendering.
Website, Source
depth-mask
depth-mask
2024
3D mask with CSS.
Website, Source
depth-of-field
depth-of-field
2024
Depth of field with layered masks proof of concept.
Website, Source
mojilisa
mojilisa
2023
AI to illustrate events with emojis.
Website
resorte
resorte
2023
Custom size phone / book stand generator to 3D print in vase mode.
Website, Source
brutalita
brutalita
2021
Experimental font and font editor, exports OTF.
Website, Source
emoji-to-scale
emoji-to-scale
2021
Your favorite emojis to real-life scale, more or less.
Website, Source
pintr
pintr
2021
Create single line illustrations from your pictures.
Website, Source
astroboi
astroboi
2021
Rhythm game. Hop through the walls at the rythm of the music.
Website
sombras
sombras
2021
Create art with shadows. Play with shadows, lights, 3D objects.
Website
droste-creator
droste-creator
2021
Create recursive images with the droste effect.
Website, Source
control-user-cursor
control-user-cursor
2017
Small experiment to 'control' the user cursor with JavaScript and CSS.
Website, Source
clashjs
clashjs
2015
Play by creating a javascript function to command your battleship.
Website, Source

Tools and components

visual-center
visual-center
2016
Tool to better align logos in the center of a container.
Website, Source
morphin
morphin
2016
Create pixel art interpolations from your own sprites and embed them in your website with only CSS.
Website, Source
img2css
img2css
2015
Convert any image to pure CSS. Recreates images using only box-shadows.
Website, Source
react-number-easing
react-number-easing
2015
React component to interpolate rendering of numbers in the frontend.
Website, Source
cohesive-colors
cohesive-colors
2015
Tool that help you to create more cohesive color schemes. Add a tint to your existing colors.
Website, Source
react-blur
react-blur
2015
React component to blur image backgrounds using canvas.
Website, Source

Photos.Also see my timelapses, and portraits

Zoho Ji. Tokyo, Japan.
Tokyo Tower. Tokyo, Japan.
Thunder. Guadalajara, México.
See more here.

More about me

I love to play rapid chess (10-minute) games online, my Lichess username is borquez, I currently have a 1636 rapid ELO on Lichess.

From the blog

Motion extraction with mostly CSS2024-03-11
Turn a Kindle into a picture frame without jailbreak2022-02-25
Making better timelapses with Lightroom and JavaScript2022-02-13
Experimenting with CSS "Point Clouds"2022-02-04
Making "Brutalita" and learning things about making fonts2022-01-25
Javier Bórquez