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, working on Identity & Access Management.

Code.Find me on GitHub

pintr
pintr
2021
Create single line illustrations from your pictures.
Website, Source
pokemon-to-scale
pokemon-to-scale
2021
Explore Pokémon at their relative sizes and compare their heights.
Website
emoji-to-scale
emoji-to-scale
2021
Your favorite emojis to real-life scale, more or less.
Website, Source
emoji-to-speed
emoji-to-speed
2026
Your favorite emojis. To relative speed (more or less).
Website
mojilisa
mojilisa
2023
AI to illustrate events with emojis.
Website
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
clashjs
clashjs
2015
Play by creating a javascript function to command your battleship.
Website, Source
traduct
traduct
2026
Live, local and free screen translation. eSearch OCR + Chrome Translation API.
Website, Source
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
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
control-user-cursor
control-user-cursor
2017
Small experiment to 'control' the user cursor with JavaScript and CSS.
Website, Source

Tools and components

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

Photography.

Kyoto, Japan
Sun. Mallorca, Spain.
Cards. Berlin, Germany.
See more on my photography page. Also see my HDR photos, timelapses, and portraits.

More about me

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

From the blog

Javier Bórquez