Build with Nylas Web Elements

Explore, configure, and preview embeddable UI for email and scheduling. The Playground helps you understand capabilities, tweak options visually, and copy ready-to-use code.

Live interactive previews

See changes instantly as you adjust properties and themes.

🧩

Composable building blocks

Use pre-built UI elements for email, calendar, and scheduling.

🛠️

Copy-ready code

Export usage snippets to drop directly into your app.

🎨

Themeable

Match your brand with simple, flexible styling options.

🔒

Secure by design

Use proven auth flows and follow best practices out of the box.

📈

Built for scale

Production-ready components backed by Nylas APIs.

How it works

  1. Step 1
    Pick an element

    Choose the component you want to explore in the Playground.

  2. Step 2
    Configure visually

    Tweak props and options, then preview instantly.

  3. Step 3
    Copy and integrate

    Copy generated code snippets and add them to your app.

Looking for production documentation instead? Visit the Nylas Developer Docs.