# Mariano Álvarez

> Software Developer based in Rincón de la Victoria, Andalucía, Spain.
> 5+ years of experience (since 2021) building web products with React, TypeScript, and Next.js.
> Currently at A-SAFE Digital as Software Developer.

## Contact

- Website: https://marianoalvarez.dev
- Freelance: https://creativoma.com
- GitHub: https://github.com/creativoma
- LinkedIn: https://www.linkedin.com/in/ma-marianoalvarez/
- X / Twitter: https://x.com/dev_creativoma
- npm: https://www.npmjs.com/~creativoma
- Email: hello@marianoalvarez.dev
- Support: https://buymeacoffee.com/creativoma

## Work Experience

- A-SAFE Digital — Software Developer (2024–present)
- CREATIVOMA — Full Stack Developer (2021–2024)
- Cronopios | Comunicación con propósito — Full Stack Developer / Technology Director (2021–2024)
- Devea Hub — Frontend Developer (2023)
- Isabella Premium Group — Full Stack Developer (2023)
- El Puente Publicidad — Full Stack Developer (2022–2023)

## Open Source Projects

- Reactive Contracts — Bidirectional API contracts that put frontend in control. TypeScript compiler, RPC, validation. https://github.com/creativoma/reactive-contracts
- Formachine — Type-safe, declarative multi-step forms for React. https://github.com/creativoma/formachine
- Virtual Try-On Store — AI-powered virtual try-on platform using Gemini AI. https://github.com/creativoma/virtual-try-on-store
- Create Stack — Interactive CLI to scaffold modern web projects. https://github.com/creativoma/create-stack
- Liquid Glass — React component with liquid frosted glass effect. https://github.com/creativoma/liquid-glass
- Elegant Notes App — Minimalist note-taking app with clean design. https://elegantnotesapp.com / https://github.com/creativoma/elegant-notes-app
- Better Auth with Next.js — Modern auth system with Next.js 15, PostgreSQL, session management and email verification. https://github.com/creativoma/better-auth-nextjs
- Lab Starter — Starter template for creative coding experiments with Tweakpane. https://github.com/creativoma/lab-starter

## npm Packages

- @creativoma/liquid-glass — React component with liquid frosted glass / glassmorphism effect. https://www.npmjs.com/package/@creativoma/liquid-glass
- @creativoma/ui-kit — Component library built with Tailwind CSS v4 (Button, Card, Form, Input, Tabs, Pagination and more). https://www.npmjs.com/package/@creativoma/ui-kit

## OSS Contributions

- vercel/next.js — 1 PR merged
- shadcn-ui/ui — 1 PR merged
- pixijs/pixijs — 5 PRs merged
- pixijs/pixijs.com — 2 PRs merged
- pixijs/pixi-react — 1 PR open
- pmndrs/drei — 1 PR closed
- radix-ui/website — 1 PR merged
- Lemoncode/quickmock — 1 PR merged
- lukasbach/react-complex-tree — 1 PR merged
- heedrox/abbreviame — 1 PR merged

## Tech Stack

- Languages: TypeScript, JavaScript, Ruby, HTML5, CSS3, SQL, PHP
- Frontend: React, Next.js, Astro, Angular, Inertia.js, TailwindCSS, Framer Motion, GSAP, Three.js, React Three Fiber, PIXI.js, Zustand, SWR, TanStack Query, i18next
- Backend: Node.js, Express, Ruby on Rails, Prisma, PostgreSQL, MySQL, MongoDB
- Tooling: Git, Docker, AWS, Vercel, Turborepo, Figma, Jest, Vitest, Playwright
- AI: Claude API, OpenAI, Gemini, Vercel AI SDK

## Education

- Universitat Oberta de Catalunya — B.S. Computer Engineering (2025)
- freeCodeCamp — JS Algorithms & Data Structures (2023)
- freeCodeCamp — Responsive Web Design (2023)
- Scrimba — React JS · Modern JavaScript (2023)

## Blog

- https://marianoalvarez.dev/blog
- Topics: web development, UI design, TypeScript, career experiences