# Andres Clua

> I'm Andrés Clúa, a Creative Technologist from Uruguay based in Bilbao. I've spent the last decade building digital experiences that feel fast, intentional, and well-crafted. What drives me is the challenge of turning complex technical problems into something that feels simple and natural for the people using it.

## Links

- [About](https://andresclua.com/about): Background, experience, and open-source work
- [Work](https://andresclua.com/work): Selected projects and case studies
- [Ideas](https://andresclua.com/ideas): Articles on web development
- [llms-full.txt](https://andresclua.com/llms-full.txt): Full-length content for LLMs
- [MCP Server](https://andresclua.com/mcp): Model Context Protocol endpoint (POST, JSON-RPC)

## Work

- Clock: Inspired by 'A Million Times' by Humans Since 1982, an art installation where hundreds of analog clocks form digits together. I saw one at H [React, Three.js, GSAP, Vite] — https://clock.andresclua.com
- Uruguay is Guay: I'm Uruguayan, and at some point I realized most people outside South America barely know Uruguay exists or they confuse it with Paraguay. S [Three.js, GSAP, SCSS, Astro]
- ASCII Project: I always wanted to build something with camera detection on the web. P5.js is a creative coding library that often flies under the radar nex [P5, JavaScript, SCSS, Astro] — https://asciiproject.com/
- Netwrix: At Terra, I led the technical strategy behind Netwrix.com, rebuilding the platform of a global cybersecurity company with 15+ product lines. [Astro, Sanity CMS, JavaScript, SCSS, WebGL, Node.js] — https://netwrix.com
- Don't Choose Extinction: At Terra, I led the digital asset production for UNDP's global climate campaign featuring Frankie the dinosaur, voiced by Jack Black, urging [Campaign Assets, Motion Design, Digital Production, UNDP] — https://www.undp.org/barbados/dont-choose-extinction
- UNDP Year Ahead: I led the development of UNDP's interactive annual report within the Terra team. Scroll-driven storytelling that brings global impact data t [Nuxt, GSAP, JavaScript, SCSS, Scroll Animations] — https://annualreport.undp.org

## Open Source

- [Boostify](https://boostifyjs.com/): A lightweight JavaScript library that improves website performance by deferring third-party scripts like Google Analytic
- [Perlin DOM](https://www.npmjs.com/package/@andresclua/perlindom): A JavaScript library that applies Perlin noise to DOM elements, creating organic and natural-feeling motion effects. Ide
- [Validate](https://www.npmjs.com/package/@andresclua/validate): A lightweight form validation library with support for custom rules, real-time feedback, and accessible error handling. 
- [Custom Cursor](https://cursor.andresclua.com/): A custom cursor library with smooth lerp-based interpolation and configurable interactive states. It replaces the defaul
- [Compressor Assets](https://www.figma.com/community/plugin/1603721295409652572/compressor-assets): Figma plugin for compressing and optimizing exported assets.
- [JS Util](https://utils.andresclua.com/): A lightweight utility library born in 2021 to help UI developers transition from jQuery to vanilla JavaScript. Offers si
- [Collapsify](https://www.npmjs.com/package/@terrahq/collapsify): A vanilla JavaScript module for building accordions, collapsible panels, and tabs. Features smooth animated height trans
- [Terra Helpers](https://www.npmjs.com/package/@terrahq/helpers): A collection of lightweight JavaScript helper functions for common tasks like viewport detection, DOM traversal, debounc
- [Creative](https://www.npmjs.com/package/@andresclua/creative): A zero-dependency toolkit of 30+ utility functions for creative coding. Includes math helpers like lerp and damp, easing

## Blog

- [Speculation Rules API: Make Your Pages Load Before the User Clicks](https://dev.to/andresclua/speculation-rules-api-make-your-pages-load-before-the-user-clicks-3498): Imagine your website could predict where the user is going and have that page ready before they click.
- [That Side Project You Abandoned? I Finally Finished Mine.](https://dev.to/andresclua/that-side-project-you-abandoned-i-finally-finished-mine-87i): We all have one. That side project you started super excited, thinking it would be the one.
- [The AI Coding Shortcut: Balance Speed with Learning](https://dev.to/andresclua/the-ai-coding-shortcut-balance-speed-with-learning-3mfc): AI code assistants can write functions, fix simple bugs, and save us time.
- [Let It Flow - Effortless Noise Animation for the DOM](https://dev.to/andresclua/let-it-flow-effortless-noise-animation-for-the-dom-4aca): As someone who works across creative code, noise-based animations bring organic, natural motion to the DOM.
- [Navigating Asynchronous JavaScript: From Promises to Async/Await and Beyond](https://dev.to/andresclua/navigating-asynchronous-javascript-from-promises-to-asyncawait-and-beyond-13li): In the dynamic world of JavaScript development, understanding asynchronous operations is essential.
- [Crafting My NPM Package: Beyond jQuery](https://dev.to/andresclua/my-journey-developing-my-own-npm-package-56ff): The journey of developing my own NPM package, moving beyond jQuery dependencies.