What is javier.xyz (javierbyte)?

Updated

javier.xyz is the personal website of Javier Bórquez, a software engineer at Vercel. It is a portfolio-style site that collects his frontend experiments, design tools, and small browser games, alongside a photography section and a blog. If you are looking for a specific tool like img2css or pintr, or want to browse creative coding projects, this is where they live. The site itself is not a product with pricing or accounts — it is a personal index of things he has built.

Who is behind it

The homepage opens with "Hi! I'm Javier." The site describes him as a Mexicano living in Berlin, Germany, and a Software Engineer at Vercel. The work shown is self-described as frontend experiments, design tools, and small games. Code links point to GitHub.

What you'll find on the site

The homepage groups projects into a few areas:

  • Tools and components — utilities and reusable pieces, mostly for frontend and design work.
  • Games and experiments — interactive browser toys.
  • Photography — a section of his photos.
  • Blog — posts linked from the homepage under "From the blog."

Projects are listed with a year and a short description, and the main list is ordered by popularity, with a "Show more" control to expand.

Notable projects

Tools and components

Project Year What it does
cohesive-colors 2015 Helps create more cohesive color schemes by adding a tint to existing colors
visual-center 2016 Aligns logos better in the center of a container
droste-creator 2021 Creates recursive images with the droste effect
img2css 2015 Converts any image to pure CSS using box-shadows
morphin 2016 Creates pixel art interpolations from sprites, embeddable with CSS only
startrails 2026 Creates star trail images from timelapse photography
react-number-easing 2015 React component to interpolate number rendering
react-blur 2015 React component to blur image backgrounds using canvas

Games and experiments

Project Year What it does
pintr 2021 Creates single-line illustrations from your pictures
pokemon-to-scale 2021 Explores Pokémon at relative sizes and compares heights
emoji-to-scale 2021 Shows emojis at real-life scale
emoji-to-speed 2026 Shows emojis at relative speed
mojilisa 2023 AI that illustrates events with emojis
astroboi 2021 Rhythm game — hop through walls to the music
sombras 2021 Create art with shadows, lights, and 3D objects
clashjs 2015 Play by writing a JavaScript function to command your battleship
traduct 2026 Live, local, free screen translation using eSearch OCR + Chrome Translation API
background-transparent 2025 Transparent browser window simulator using screen sharing
fluid-triangle 2025 Fluid physics exploration with ASCII rendering
depth-mask 2024 3D mask with CSS
depth-of-field 2024 Depth of field with layered masks proof of concept
resorte 2023 Custom-size phone/book stand generator for 3D printing in vase mode
brutalita 2021 Experimental font and font editor that exports OTF
control-user-cursor 2017 Experiment to "control" the user cursor with JavaScript and CSS

How to use the site

  1. Open javier.xyz. The homepage lists projects by popularity with a short description and year for each.
  2. Use "Show more" to expand the list beyond the initial set.
  3. Click a project's Website link to open the live tool or game; some entries also include a Source link to GitHub.
  4. Scroll to the Photography and blog sections for non-project content.

Most projects are browser-based and run directly on the page — no install described. Some, like resorte, produce files for external use (a 3D-printable stand), and brutalita exports an OTF font.

What it is not

The site does not present pricing, subscription tiers, or account sign-up. It is a personal showcase, so availability and maintenance of individual projects can vary by year and are not guaranteed. Treat each project as an independent experiment rather than a supported product.