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

pintr
pintr
2021
Create single line illustrations from your pictures.
Website, Source
mojilisa
mojilisa
2023
AI to illustrate events with emojis.
Website
emoji-to-scale
emoji-to-scale
2021
Your favorite emojis to real-life scale, more or less.
Website, Source
brutalita
brutalita
2021
Experimental font and font editor, exports OTF.
Website, Source
control-user-cursor
control-user-cursor
2017
Small experiment to 'control' the user cursor with JavaScript and CSS.
Website, Source
resorte
resorte
2023
Custom size phone / book stand generator to 3D print in vase mode.
Website, Source
sombras
sombras
2021
Create art with shadows. Play with shadows, lights, 3D objects.
Website
astroboi
astroboi
2021
Rhythm game. Hop through the walls at the rythm of the music.
Website
clashjs
clashjs
2015
Play by creating a javascript function to command your battleship.
Website, Source
gitpage-timemachine
gitpage-timemachine
2017
Visualize the evolution of your website in 3D time-machine like.
Website, Source
depth-of-field
depth-of-field
2024
Depth of field with layered masks proof of concept.
Website, Source
docs2epub
docs2epub
2016
Doc scraper and ebook generator / library. [unmaintained]
Website, Source

Tools and components

img2css
img2css
2015
Convert any image to pure CSS. Recreates images using only box-shadows.
Website, Source
visual-center
visual-center
2016
Tool to better align logos in the center of a container.
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
react-number-easing
react-number-easing
2015
React component to interpolate rendering of numbers in the frontend.
Website, Source
morphin
morphin
2016
Create pixel art interpolations from your own sprites and embed them in your website with only CSS.
Website, Source
droste-creator
droste-creator
2021
Create recursive images with the droste effect.
Website, Source
react-textgradient
react-textgradient
2015
Text gradients with CSS with SVG fallback. [unmaintained]
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 1672 rapid ELO on Lichess.
I find competitive programming fun. I sometimes participate in CodeForces, and my current rating is 1298.

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