Tools I use in my frontend work

The tools I rely on in my day-to-day frontend work, and why they fit the kind of projects I build.

Design

  • Figma

    Design & Layout

    Figma

    Used for layout thinking, structure, and collaboration. I focus on clarifying intent and flow rather than pixel-perfect design.

Frameworks & Build

  • Astro

    Web Framework

    Astro

    My default choice for content-driven sites. Encourages clear separation of concerns, ships minimal JavaScript, and scales without unnecessary complexity.

  • React

    UI Library

    React

    Used when interaction and state management matter. I focus on predictable state, deliberate effects, and keeping components readable over time.

  • Vite

    Build Tool

    Vite

    Fast feedback during development with minimal configuration. A tool that does one job well and then steps aside.

Styling

  • Tailwind CSS

    Styling

    Tailwind CSS

    Utility-first styling with clear constraints. I use it to move quickly while keeping styles consistent and easy to reason about.

State & Routing

  • TanStack Router

    Routing

    TanStack Router

    A type-safe routing solution that makes navigation and URL state explicit. Useful for applications where structure and correctness matter.

  • TanStack Query

    Server State

    TanStack Query

    My go-to for managing async server state in React. Keeps data fetching concerns separate from UI logic and behavior predictable.

Editor & Formatting

  • VS Code

    Code Editor

    VS Code

    My primary editor for frontend work. Strong TypeScript support, a solid extension ecosystem, and stays out of the way once configured.

  • Prettier

    Code Formatting

    Prettier

    Removes formatting decisions from everyday work. Consistent output keeps focus on structure and behavior, not style debates.