Monad Foundation is looking for a Senior Frontend Engineer focused on interface quality, design system development, and performance. You'll partner closely with design to build production-grade Web3 interfaces that are fast, intuitive, and delightful. You will own frontend development from design handoffs to implementation, with a focus on consistency, accessibility, and performance.
What You'll 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.
- 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.
- Partner with product and engineering to plan, estimate, and deliver UI features end-to-end.
- Implement basic wallet integrations 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) and improve over time.
What We're Looking For
- 5+ years building production web apps with React/Next.js (or Svelte/SvelteKit) and TypeScript.
- Proven experience shipping and maintaining component libraries and design systems, including tokens and theming.
- Strong motion craft with Framer Motion, GSAP, or similar, using performance‑friendly techniques.
- Deep accessibility practice; hands‑on experience fixing audit findings and using ARIA live regions.
- Modern CSS fluency, including Grid, Flexbox, custom properties, container queries, and familiarity with Tailwind or Shadcn.
- Performance expertise: profiling, reducing Core Web Vitals, and understanding SSR/SSG/ISR tradeoffs and smart fetch strategies.
- Competence in wallet integration and on‑chain data rendering; ability to own Web3 UI surfaces independently.
- Clear communication that aligns design and engineering, with strong documentation skills.
- Self‑directed and ownership‑oriented; able to structure work and drive outcomes.
Nice to Have
- Experience with Storybook, Chromatic, and UI testing (Playwright, Testing Library).
- Experience building token pipelines with Style Dictionary, multi-brand theming, and cross-platform design system alignment.
- Familiarity with performance tooling (Lighthouse, WebPageTest) and monitoring (Sentry, Datadog).
- Experience with animation performance techniques like compositor-friendly transforms and reduced-motion fallbacks.
- Familiarity with internationalization (i18n, RTL support) and content-heavy or high-traffic sites.
- Experience with WebGL, Canvas, or SVG for custom rendering.
Technical Stack
- Frameworks: React, Next.js, Svelte, SvelteKit
- Languages: TypeScript
- Animation: Framer Motion, GSAP
- Styling: Tailwind, Shadcn
- Data: React Query, SWR
- Tooling: Storybook, Playwright, Testing Library, Style Dictionary
- Web3: WalletConnect
Team & Environment
You'll join a culture of collaboration, low ego, and high-quality output as part of a lean team working together to achieve very ambitious goals.
Benefits & Compensation
- Medical, dental, and vision insurance with 100% coverage for employees.
- Generous paid time off.
- Paid parental leave.
- 10 company-observed holidays.
Monad Foundation is an equal opportunity employer.
