简体中文
EnglishWho Is Javier Bórquez and How Can I Follow His Work?
Updated
Javier Bórquez is a Mexican software engineer based in Berlin, Germany, currently working as a Software Engineer at Vercel. His personal site, javier.xyz (also branded "javierbyte"), is where he collects his frontend experiments, design tools, and small games. If you want to follow his work, the two main entry points are his GitHub (linked from the site for code) and the site itself, which includes an about section and a blog.
What the site says about him
The homepage opens with a short self-introduction:
- Name: Javier Bórquez
- Handle/brand: javierbyte
- Location: Berlin, Germany (originally from Mexico)
- Day job: Software Engineer at Vercel
- What he makes: frontend experiments, design tools, and small games
The site also has sections for Tools and components, Photography, More about me, and From the blog, so it functions as both a portfolio and a personal hub rather than a single-purpose product page.
How to follow his work
| Channel | What you'll find | Where it's linked |
|---|---|---|
| GitHub | Source code for his projects | "Code. Find me on GitHub" section on the homepage |
| javier.xyz | Project demos, tools, games, photography, blog | The site itself |
| Individual project pages | Live demos plus source links for many tools | Each project entry (e.g., "Website", "Source") |
Most project entries on the homepage pair a Website link (the live demo) with a Source link (the code), so you can both try a tool and read how it was built.
What kind of work he publishes
His projects cluster into a few recognizable categories, which is useful if you're deciding whether his output is relevant to you:
- Frontend experiments and visual toys — e.g., clashjs (command a battleship by writing a JavaScript function), sombras (create art with shadows, lights, and 3D objects), fluid-triangle (fluid physics with ASCII rendering).
- Design and image tools — e.g., pintr (single-line illustrations from pictures), img2css (convert an image to pure CSS using box-shadows), visual-center (align logos in a container), cohesive-colors (build more cohesive color schemes).
- Scale/novelty comparisons — e.g., pokemon-to-scale, emoji-to-scale, emoji-to-speed.
- React components — e.g., react-number-easing and react-blur.
- Utilities and generators — e.g., resorte (a phone/book stand generator for 3D printing in vase mode), startrails (star trail images from timelapse photography), traduct (live local screen translation).
The homepage sorts projects by popularity and offers a "Show more" toggle, so the list you see first is a curated subset rather than everything.
Practical notes if you want to use or follow the projects
- Start with the live demo, then the source. Each entry usually gives you a Website link to try the tool and a Source link if you want to read or reuse the code.
- Check the year. Project entries carry dates (ranging from around 2015 to 2026 in the listing), which helps you judge how current a tool is.
- Some projects are experiments, not products. Descriptions like "proof of concept" (e.g., depth-of-field) signal that a tool is exploratory rather than maintained software.
- For contact or background, use the about section. The site's "More about me" section is the place to look for personal context beyond the project list.
The site itself doesn't publish pricing or login details for these projects in the material available, so treat each tool as something to evaluate on its own page rather than assuming a shared account or payment model.