Senior Front End Engineer

The Monad Foundation is a team of dedicated ecosystem and community builders who are on a mission to massively grow the impact of decentralized tech. We believe that the Monad blockchain--the performant and parallel EVM Layer 1--will help decentralized apps eat the world.

The Role
We’re looking for a Senior Frontend Engineer who lives and breathes interface quality from end-to-end: design and animation, purposeful implementation, and measurable performance. You’ll partner closely with design to turn high-fidelity handoffs into production-grade Web3 interfaces that feel universally fast, intuitive, and delightful. Wallet integrations and on‑chain data rendering are a subset of your work—not the center of it. If you’re a self-starter who thrives in ownership, sweats the details, and champions consistency at scale, this role is for you.

What You Will Do

• Build, evolve, and maintain a robust design system (tokens, components, patterns) used across multiple products and teams.

• Translate Figma handoffs into clean, resilient UI with strong visual fidelity, motion principles, and interaction polish.

• Design and implement animations and micro-interactions that enhance clarity, feedback, and perceived performance—never for flair alone.

• Ensure interfaces are accessible by default (semantics, keyboard support, focus management, ARIA, color contrast) and pass audits.

• Own responsive design across breakpoints and container queries; deliver consistent UI in varied layouts and contexts.

• Optimize frontend performance (bundle size, code-splitting, hydration strategies, caching, virtualization) and establish performance budgets and monitoring.

• Collaborate with design on component architecture, interaction models, and motion guidelines; push for system-level consistency.

• Write high-quality, well-tested code; contribute lint rules, CI checks, and docs that improve team velocity and quality.

• Proactively identify UI debt, propose solutions, and lead refactors without heavy hand-holding.

• Partner with product and engineering to plan, estimate, and deliver UI features end-to-end.

• Implement basic wallet integrations (e.g., WalletConnect, injected providers) with secure session handling, network switching, and clear UX for connect/sign states.

• Render on‑chain data from RPCs/indexers for balances, transactions, and protocol state with skeletons, error recovery, and pagination.

• Maintain reliability benchmarks (connection success rate, transaction status feedback); improve over time.

Who You Are

• 5+ years building production web apps with React/Next.js (or Svelte/SvelteKit) and TypeScript.

• Proven experience shipping/maintaining component libraries/design systems (tokens, theming, cross‑app adoption).

• Strong motion craft (Framer Motion/GSAP or similar) with performance‑friendly techniques and restraint.

• Deep accessibility practice; hands‑on fixes for axe/Lighthouse/Pa11y findings; ARIA live regions for status changes.

• Modern CSS fluency (Grid/Flex, custom properties, container queries, prefers‑reduced‑motion, logical properties); Tailwind/Shadcn familiarity.

• Performance expertise: profiling, reducing CLS/LCP/TTI, SSR/SSG/ISR tradeoffs, smart fetch strategies (React Query/SWR, debouncing, request coalescing).

• Competence in wallet integration and on‑chain data rendering; can own small‑to‑medium Web3 UI surfaces independently.

• Communication that aligns design and engineering; clear documentation and rationale.

• Self‑directed, ownership‑oriented; structures work and drives outcomes without constant guidance.

Nice to Have

• Experience with Storybook, Chromatic/visual regression, and UI testing (Playwright, Testing Library).

• Experience building token pipelines (Style Dictionary), multi-brand theming, and cross-platform design system alignment.

• Familiarity with performance tooling (Lighthouse, WebPageTest, Perfetto) and monitoring (Sentry, Datadog, New Relic).

• Experience with animation performance (compositor-friendly transforms, will-change, timeline sync, reduced-motion fallbacks).

• Familiarity with internationalization (i18n, RTL support) and content-heavy or high-traffic sites.

• Experience with WebGL/Canvas/SVG where motion requires custom rendering.

How You Work

• Quality bar: You care about the details—layout precision, motion timing, focus states, empty/loading/er