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

    I'm still designing and coding, always looking for new design trends to explore, animations to experiment with, and better ways to build for the web.

    I keep up with what's happening in web dev, trying out new tools and adopting whatever's actually useful. Lately, I've been deep into AI-assisted development, figuring out how to direct these tools instead of just prompting and hoping. I also contribute to open source and work on personal projects when I can.

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

Method

  • SCALABLE ARCHITECTURE.

    Building complex frontend systems taught me to think beyond individual features. I build maintainable architectures that can evolve with the product and remain manageable as the codebase grows.

  • DESIGN-LED ENGINEERING.

    My passion for visual design still shapes how I approach frontend engineering. I enjoy taking ambitious designs beyond Figma, getting the details right while making sure everything holds up in the browser.

  • EXPERIMENTAL CRAFT.

    I enjoy pushing the visual side of frontend development through motion and interactive 3D, exploring what's possible with the browser while keeping performance, accessibility, and UX in mind.

  • PERFORMANCE & ACCESSIBILITY.

    These shouldn't be treated as last-minute checklists. They're part of how I think about a project from the start, whether it's reviewing keyboard navigation, or keeping interactions fast and the code lightweight.

  • DIRECTING AI.

    I use AI agents to test ideas and build features faster, but I still handle the architecture, write the code, and review everything that goes into production

  • 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 other engineers build the confidence to tackle problems on their own.

STACK_OVERVIEW--interactive

TOOLKIT

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Astro
  • Tailwind CSS
  • TanStack Query
  • Zustand
  • Zod
  • Three.js
  • R3F
  • WebGL
  • GLSL
  • Blender
  • GSAP
  • Motion
  • GraphQL
  • Node.js
  • Express
  • Drizzle
  • Jest
  • Playwright
  • Storybook
  • Figma
  • Git
  • Docker
  • AI Tooling
  • AI Workflows

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.