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

  • SCALABLE ARCHITECTURE.

    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-LED ENGINEERING.

    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 compromising on the smaller details.

  • EXPERIMENTAL CRAFT.

    I enjoy pushing the visual side of frontend development, combining motion and 3D to build rich web experiences that stay fast, intuitive, and accessible.

  • PERFORMANCE & ACCESSIBILITY.

    Neither should be treated as end-of-project checklists. They're part of how I think about a project from day one, from keyboard navigation to keeping interactions snappy and interfaces lightweight as the product grows.

  • DIRECTING AI.

    I integrate AI agents into my workflow to explore ideas and build features faster, while staying hands-on with architecture, technical decisions, and code quality.

  • 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 develop 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
  • 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.