Interfaces

Interfaces are user-facing web applications built with Next.js (React) that you create and deploy from Lux Studio.

What are Interfaces?

Interfaces are the front-end of your Lux applications. They provide the UI that your users interact with, and connect to Flows for backend logic and data processing.

Key Features

• Visual Builder - Design and customize your interface using our visual editor
• Code Access - Full access to the underlying Next.js code for advanced customization
• GitHub Integration - Automatic version control with GitHub repositories
• One-Click Deploy - Deploy to production with a single click
• Authentication - Built-in Clerk integration for user authentication
• Theme Support - Light and dark mode support out of the box

Interface Types

External Interfaces

Public-facing applications accessible to your end users.

Internal Interfaces

Private applications for internal team use.

Getting Started

1. Building Interfaces - Learn how to create and customize interfaces
2. Deploying - Deploy your interface to production

How Interfaces Connect to Flows

Interfaces trigger Flows through events. When a user interacts with your interface (button click, form submission, etc.), it can trigger a Flow that processes the request and returns data.

User Action → Interface Event → Flow Execution → Response → UI Update

Next: Building Interfaces →