Framer

Embed live Lumis dashboards directly into your Framer websites with seamless design integration and automatic responsive sizing.

Overview

Embed interactive Lumis dashboards into Framer sites without code. Perfect for client portals, public data pages, or internal tools. Dashboards inherit your Framer styling and remain responsive across all device sizes. Updates to dashboards in Lumis appear immediately in your published Framer site.

How it works

Create a dashboard in Lumis, then generate an embed code with custom styling options. Paste the embed URL into a Framer embed component. Configure access controls to make dashboards public or require authentication. Customize colors, fonts, and layout to match your Framer design system.

Configure - implementation details

Embedded dashboards use iframe isolation with postMessage communication for secure cross-origin interaction. Responsive breakpoints adapt automatically to Framer's layout system.

// Framer embed configuration
const embedConfig = {
  dashboardId: 'dash_123',
  theme: 'light',
  hideControls: true,
  autoResize: true,
  allowedOrigins: ['framer.website', 'custom-domain.com']
};

const embedUrl = `https://embed.lumis.app/${embedConfig.dashboardId}?${new URLSearchParams(embedConfig)}`;

Framer

Ready to transform your data workflow?

Start for free

See our plans

14 day trial, no credit card required.

LaunchNow

Unlock template

Get all access

Unlock template