NOAH BRAVO

Animated 3D skull, rendered with a glitching chromatic channel-split effect.

10+ years of frontend engineering and creative web development.

2026©

USER_SPECS--main

WHO BUILT THIS

Hi, I'm Noah Bravo, a multidisciplinary frontend engineer with 10+ years of experience in frontend systems, architecture, creative development, interactive 3D, and product engineering.

  • init

    I actually started in biotechnology, but visual design pulled me into web development back in 2016. I spent my first few years freelancing, working with startups, agencies, and larger companies, getting to build everything from local sites to large-scale platforms.

    3D model of a hat
    • BRANDING
    • WEB DESIGN
    • FRONTEND DEVELOPMENT
    • FULL STACK DEVELOPMENT
  • exec

    Wanting to focus on what I enjoyed most, I decided to give the corporate world a shot, and eventually joined Samy, one of the biggest agency groups in influencer marketing. I spent seven years leading the frontend team, architecting ShineBuzz (their AI-powered discovery platform), and building projects for clients like Netflix, L'Oréal, and Samsung, as the company grew to work with more than 300 brands worldwide.

    3D model of a steampunk airship
    • UI DESIGN
    • FRONTEND SYSTEMS
    • FRONTEND ARCHITECTURE
    • LEADERSHIP & MENTORING
  • runtime

    These days I'm still designing and coding, focusing on what I've loved since the start: exploring design trends, creating bold animations, and building things people actually want to use.

    I keep an eye on what's new in web dev, testing tools and adopting whatever makes my workflow better. Lately I'm deep into AI-assisted development, figuring out how to direct these tools instead of just prompting and hoping. I also contribute to open source when I can and tinker with personal projects on the side.

    3D model of a werewolf bust
    • AI TOOLING
    • AGENTIC WORKFLOWS
    • CREATIVE CODING
    • INTERACTIVE 3D
    • EXPERIMENTS

Method

  • ARCHITECTED TO LAST.

    Building complex frontend systems taught me to look beyond the feature at hand. I focus on architecture that's maintainable, adapts as requirements change, and gives teams room to scale.

  • DESIGN IN PRODUCTION.

    My passion for visual design still shapes how I approach frontend engineering. I bridge the gap between Figma and production, bringing ambitious layouts and interactions to life without losing the details that make them work.

  • EXPERIMENTAL CRAFT.

    I'm drawn to the edge where engineering meets visual experimentation: interactive 3D, WebGL, and expressive motion, balanced with intuitive UI and crisp performance.

  • DIRECTING AI.

    I integrate AI agents into my development workflow to explore ideas and build features faster, while keeping strict control over architecture, technical decisions, and code quality.

  • QUALITY BY DESIGN.

    I don't treat accessibility and performance as extras to check off at the end. They're part of how I think about a project from day one, from keyboard navigation to making sure performance holds up as the product grows.

  • LEADING & MENTORING.

    Seven years leading frontend teams taught me that good engineering goes beyond code. I've hired and mentored developers, guided technical decisions, and helped people become confident and independent.

STACK_OVERVIEW--interactive

TOOLKIT

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Astro
  • Tailwind CSS
  • TanStack Query
  • Zustand
  • Zod
  • Blender
  • WebGL
  • Three.js
  • GSAP
  • Motion
  • REST APIs
  • GraphQL
  • Node.js
  • Express
  • Drizzle
  • Jest
  • Playwright
  • Storybook
  • Figma
  • Git
  • Docker
  • Claude Code
  • MCP

Shoot the targets before they get away

PROJECT_PIPELINE--upcoming

DEV MODE

  • THREE.JS UTILITIES

    Building a lightweight Three.js toolkit, along with a collection of shaders and techniques I create and discover across the web, before they get lost in random notes.

    3D model of the Three.js logo
    • TypeScript
    • Three.js
    • WebGL
    • GLSL
  • GUITAR TABS MCP

    Building an MCP server to turn an AI agent into a jam session assistant. Bringing together music APIs and music theory algorithms to turn any track into personalized guitar tabs.

    3D model of an electric guitar
    • TypeScript
    • Node
    • APIs
    • MCP
    • LLM Tools
  • N/A DRINKS E-COMMERCE

    Building a headless e-commerce platform for a non-alcoholic spirits brand, featuring interactive 3D product visuals powered by Next.js and Shopify.

    3D model of a bottle
    • TypeScript
    • React
    • Next.js
    • GraphQL
    • Three.js
    • Node
    • Shopify

Showing 3 of many.github://explore_more

Contact

枠組みを歪める

Asset_Credits--external

Models

CC BY 4.0, modified (optimized, recolored or reduced to points).

CC BY-NC-SA 4.0, modified; this adaptation is shared under the same license.

Sketchfab Standard license.

The 3D models on this site may not be extracted, republished or reused as stand-alone files.

Music

"Mind", "Pressure" and "Attention" by Sames on Uppbeat.