Build beautiful, fast experiences with Nylas Components

A flexible, open-source component library for building productivity UI with just a few lines of code.

View on Github
A display of Nylas Components

Main features

Open source

Nylas components are completely open source. Have an idea for a Component? See something that can be improved? Or just want to dig into the source code? Our open source Components are available for anyone to contribute to.

Powered by Nylas

To maximize the power of our components integrate components with Nylas APIs to pull data and give your app superpowers.


Components are customizable and can fit with any element in your application. Deploy quickly with pre-built themes or build the UI from the ground up for a seamless experience. Bring in your own custom branding for even more consistency across your app. Combine them to bring extra functionality to your app.

Native Web Components

Nylas Components work anywhere HTML works. Use them in a framework or leave the frameworks out. Use Nylas Components in your app so you can focus on the parts that matter.

Component advantages

Quickly add Components to your app
<!DOCTYPE html>
<html lang="en">
<script src="" />
document.addEventListener("DOMContentLoaded", () => {
const agenda = document.querySelector("nylas-agenda");
agenda.allow_date_change = "true";
agenda.addEventListener("dateChange", (event) => {
// make changes to agenda here
<nylas-agenda id="your-agenda-id" />

All components