I'm Vinicius Costa, a front-end developer based in São Paulo, Brazil, working mostly with React, Next.js and TypeScript — with a soft spot for UI/UX.

UI/UX is where I enjoy spending the most time — a transition curve, a focus state, a layout edge case — but that never comes at the expense of solid API integration, test coverage, or clean code. A lot of my public work comes from Frontend Mentor challenges, which I use as an excuse to sweat the details of an interface while trying a new stack combination: React with Next.js and Zod, Vue with Strapi, Astro for content-heavy pages.

▸ Primary       React · Next.js · TypeScript · Tailwind CSS
▸ Craft         UI/UX · Interaction Design · Accessibility
▸ Secondary     Astro · Styled Components · Storybook · Cypress
▸ Learning now  three.js

Frontend Mentor multi-step form, built with Next.js, validated with Zod and React Hook Form, animated with Framer Motion, and covered with Cypress.

React · TypeScript · Next.js · Zod · React Hook Form · Framer Motion · Cypress

Frontend Mentor "News homepage" rebuilt as a full-stack pair: Vue front-end consuming a headless Strapi CMS back-end.

Vue · TypeScript · Strapi · Vite · Sass

Frontend Mentor space tourism multi-page site, built with Astro for fast, content-driven pages.

Astro · React · SCSS

Devjobs, a Frontend Mentor challenge built with Vue 3, Vue Router, TanStack Query and Tailwind CSS.

Vue 3 · TypeScript · Vue Router · TanStack Query · Tailwind CSS

When I'm not shipping UI, I'm usually gaming, reading comics, or watching movies, cartoons and series — with a soundtrack of music and the occasional concert.

🇧🇷 Sobre mim

Sou o Vinicius Costa, desenvolvedor front-end de São Paulo, trabalhando principalmente com React, Next.js e TypeScript — com um carinho especial por UI/UX.

UI/UX é onde gosto de passar mais tempo — uma curva de transição, um focus state, um edge case de layout — mas isso nunca vem à custa de uma boa integração com APIs, cobertura de testes ou qualidade de código. Boa parte do que publico vem de desafios do Frontend Mentor, que uso como desculpa pra caprichar nos detalhes de interface enquanto testo uma combinação de stack diferente: React com Next.js e Zod, Vue com Strapi, Astro pra páginas com bastante conteúdo.

▸ Principal      React · Next.js · TypeScript · Tailwind CSS
▸ Especialidade  UI/UX · Design de Interação · Acessibilidade
▸ Secundário     Astro · Styled Components · Storybook · Cypress
▸ Estudando      three.js

Formulário multi-etapas do Frontend Mentor, feito com Next.js, validação com Zod e React Hook Form, animações com Framer Motion e testes com Cypress.

Desafio "News homepage" do Frontend Mentor, reconstruído como um par full-stack: front-end em Vue consumindo um back-end headless em Strapi.

Site multi-página "space tourism" do Frontend Mentor, construído com Astro para páginas rápidas e centradas em conteúdo.

Desafio "Devjobs" do Frontend Mentor, feito com Vue 3, Vue Router, TanStack Query e Tailwind CSS.

Quando não estou codando UI, geralmente estou jogando, lendo quadrinhos ou assistindo filmes, desenhos e séries — com trilha sonora de música e algum show de vez em quando.

📬 Vamos conversar