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/error states, and edge cases.

• Systems thinking: You prefer reusable patterns over one-off components and advocate for consistency and scalability.

• Pragmatic craft: You balance elegance with delivery, choosing approaches that optimize for both user experience and maintainability.

• Autonomy: You plan, communicate, and execute without constant guidance; you escalate only when necessary.

• Collaboration: You work tightly with design and engineering, welcome feedback, and provide constructive critiques.

• Challenging problems. You’ll work on extremely challenging problems with massive impact.

• Huge opportunity. The Ethereum Virtual Machine (EVM) standard is ubiquitous, but existing EVM-compatible chains are slow and bandwidth-constrained. Monad’s core innovations offer developers the best of both worlds (portability and performance) and are a game-changer for mass user adoption in crypto.

• The right team. You’ll be part of an exceptional and highly-motivated team

• Culture. We’re a lean team working together to achieve very ambitious goals. We are united in our culture of collaboration, low ego, and high-quality output. As an early member of our team, you’ll help continue to shape our culture.

Benefits for full-time employees may include medical, dental, and vision insurance (100% coverage for employees); generous paid time off; paid parental leave; and 10 company-observed holidays.