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 [GitHub]

Sombras.app

Create art with shadows. Play with shadows, lights, 3D objects.

Astroboi

Rhythm game. Hop through the walls at the rythm of the music. Made with three.js

Resorte

Custom size phone / book stand generator to 3D print in vase mode.

Mojilisa

AI to illustrate events with emojis.

control-user-cursor

Small experiment to 'control' the user cursor with JavaScript and CSS.

Website, Source

pintr

Create single line illustrations from your pictures. Get a drawing, SVG or coordinates for a CNC.

Website, Source

emoji-to-scale

Your favorite emojis. To real-life scale, more or less.

Website, Source

clashjs

Javascript AI battle game. Play by creating a javascript function to command your battleship.

Website, Source

gitpage-timemachine

Visualize the evolution of your website in a 3D time-machine fashion.

Website, Source

brutalita

Brutalita is an experimental font and font editor, edit in your browser and download OTF.

Website, Source

docs2epub

Doc scraper and ebook generator / library. [unmaintained]

Website, Source

Tools and components

img2css

Convert any image to pure CSS. Recreates images using only box-shadows.

Website, Source

visual-center

Tool to better align logos in the center of a container.

Website, Source

cohesive-colors

Tool that help you to create more cohesive color schemes. Add a tint to your existing colors.

Website, Source

react-blur

React component to blur image backgrounds using canvas.

Website, Source

react-number-easing

React component to interpolate rendering of numbers in the frontend.

Website, Source

morphin

Create pixel art interpolations from your own sprites and embed them in your website with only CSS.

Website, Source

droste-creator

Create recursive images with the droste effect.

Website, Source

triangulator

Delaunay triangulation image generator.

Website, Source

react-textgradient

Text gradients with CSS with SVG fallback. [unmaintained]

Website, Source

Photography
[Photos Timelapses Portraits]

More about me

I love to play rapid Chess (10 minutes) games online, my Lichess username is borquez, currently I have a 1727 rapid ELO on Lichess.

I find competitive programming fun, I sometimes participate in CodeForces, 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

Write me to web@javier.xyz

Gracias por visitar! 😄