Senior Front-End Web Developer (Remote, US & Canada)
Canada (Remote)
This is a remote position. We are looking for candidates in the US and Canada only.
About the Role
Grafana Labs is seeking a creative and passionate (Senior) Front-End Web Developer to join our small, dynamic marketing web team. In this role, you’ll collaborate with designers, content creators, marketers, and other developers to craft engaging, high-performance web experiences that delight and inform our global audience. Leverage your technical and artistic expertise to make an immediate impact as we build a new Grafana Labs marketing website from the ground up.
Key Responsibilities
- Build and maintain the Grafana Labs marketing website and custom tools using Next.js, TypeScript, Tailwind CSS, and other modern web technologies.
- Integrate a new headless CMS and design scalable API architecture.
- Demonstrate component-based development best practices and optimize our UI library for ISR (Incremental Static Regeneration) and SSR (Server-Side Rendering).
- Be a creative thought leader in crafting captivating user experiences through interactivity and animation.
- Write and maintain automated tests using frameworks such as Jest, React Testing Library, Cypress, or Enzyme.
- Collaborate with cross-functional teams to define and implement new features and enhancements.
- Optimize the website for performance, scalability, and SEO.
Who You Are
- A developer-artist whose medium is code.
- An excellent communicator with a knack for sharing ideas clearly.
- Self-driven and accountable, taking ownership of your work.
- Enthusiastic about collaboration and mentorship.
- Detail-oriented, with a passion for crafting clean, maintainable code.
- Positively impactful—your energy lifts the team.
Technical Considerations
Ideal Experience:
- Expertise in developing and maintaining React component libraries, ideally using TypeScript and a utility class-based CSS framework like Tailwind CSS.
- Experience building websites or web applications using a React-based framework such as Next.js or Gatsby.
- A strong understanding of headless CMS integration, including API- and GraphQL-based architectures.
- Familiarity with cloud-based Git version control systems like GitHub or Bitbucket.
- Ability to write unit and end-to-end tests with frameworks such as Jest, React Testing Library, Cypress, or Enzyme.
- Comfort with front-end design systems such as Figma or Adobe XD.
- Experience using a UI component library tool like Storybook or React Cosmos.
- Familiarity with JavaScript animation libraries, such as Framer, GSAP, or Three.js.
Bonus Points:
- Experience with GitHub Actions, CI/CD, Docker, NGINX, Kubernetes, Go, Alpine.js, and/or Hugo.
We understand that you may not have experience with all of the aforementioned technologies. Or maybe you do! Either way, if you think you’d be a great fit for our team—even if your experience doesn’t check all the boxes—we encourage you to apply. We believe in shooting for the moon, and we hope you do too.
Why Join Us
- Be part of a remote-only, globally distributed team.
- Collaborate with passionate professionals across Grafana Labs.
- Participate in company-wide hack-a-thons that help drive the direction of real-world innovation.
- Attend cross-functional team off-sites
- Contribute to open-source projects and make a real impact.
- Enjoy a culture that values work-life balance, personal growth, and professional development.
About Grafana Labs
Grafana Labs is an open-source SaaS company specializing in observability and monitoring solutions. We help organizations make sense of their data through open, composable, and enterprise-ready monitoring and analytics tools. As a remote-only company, we embrace a global team culture that values collaboration, innovation, and personal growth.
In Canada, the Base compensation range for this role is CAD 129,704 - CAD 162,129. Actual compensation may vary based on level, experience, and skillset as assessed in the interview process. Benefits include equity, bonus (if applicable) and other benefits listed here.
*Compensation ranges are country specific. If you are applying for this role from a different location than listed above, your recruiter will discuss your specific market’s defined pay range & benefits at the beginning of the process
*Grafana Labs may utilize AI tools in its recruitment process to assist in matching information provided in CVs to job postings. The recruitment team will continue to review inbound CVs manually to identify alignment with current openings.
About Grafana Labs: There are more than 20M users of Grafana, the open source visualization tool, around the globe, monitoring everything from beehives to climate change in the Alps. The instantly recognizable dashboards have been spotted everywhere from a NASA launch and Minecraft HQ to Wimbledon and the Tour de France. Grafana Labs also helps more than 3,000 companies -- including Bloomberg, JPMorgan Chase, and eBay -- manage their observability strategies with the Grafana LGTM Stack, which can be run fully managed with Grafana Cloud or self-managed with the Grafana Enterprise Stack, both featuring scalable metrics (Grafana Mimir), logs (Grafana Loki), and traces (Grafana Tempo). Benefits: For more information about the perks and benefits of working at Grafana, please check out our careers page. Equal Opportunity Employer: At Grafana Labs we’re building a company where a diverse mix of talented people want to come, stay, and do their best work. We know that our company runs on the hard work and the dedication of our passionate and creative employees. If you're excited about this role but your experience doesn’t align perfectly with every qualification in the job description, we encourage you to apply anyways. We will recruit, train, compensate and promote regardless of race, religion, color, national origin, gender, disability, age, veteran status, and all the other fascinating characteristics that make us different and unique. We believe that equality and diversity builds a strong organization and we’re working hard to make sure that’s the foundation of our organization as we grow. For information about how your personal data is used once you’ve applied to a job, check out our privacy policy. Apply
Job Profile
Canada only Remote Remote position US & Canada only
Benefits/PerksBonus Diversity Equal opportunity employer Equity Global team Hack-a-thons Open source contributions Other benefits Other benefits listed Professional development Remote-first company Remote work Work-life balance
Tasks- Build and maintain marketing website
- Collaborate with teams
- Contribute to open-source projects
- Integrate headless CMS
- Optimize UI library
- Write automated tests
Adobe XD AI AI tools Alpine.js Analytics Animation libraries API API architecture Applications Best Practices CI/CD Cloud Collaboration CSS Cypress Dashboards Design Developer Docker Enzyme Figma Framer Front-end development Git GitHub GitHub Actions Go Grafana Grafana Cloud Grafana Loki Grafana Mimir Grafana Tempo GraphQL GSAP Headless CMS Hugo Javascript Jest Kubernetes Logs Loki Marketing Mentorship Metrics Mimir Monitoring Next.js Nginx Observability Open Source React React-Testing-library Recruitment SaaS Scalability SEO Storybook Tailwind CSS Tempo Testing Three.js Traces Typescript Visualization
Education TimezonesAmerica/Edmonton America/Moncton America/Regina America/St_Johns America/Toronto America/Vancouver UTC-3 UTC-4 UTC-5 UTC-6 UTC-7 UTC-8