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.
Website
Astroboi
Rhythm game. Hop through the walls at the rythm of the music. Made with three.js
Website
Resorte
Custom size phone / book stand generator to 3D print in vase mode.
Website
Mojilisa
AI to illustrate events with emojis.
Website
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
depth-of-field
Depth of field with layered masks proof of concept.
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
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
1607
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 CSS
2024.03.11
Turn a Kindle into a picture frame without jailbreak
2022.02.25
Making better timelapses with Lightroom and JavaScript
2022.02.13
Experimenting with CSS "Point Clouds"
2022.02.04
Making "Brutalita" and learning things about making fonts
2022.01.25
Write me to
web@javier.xyz
Gracias por visitar! 😄