@electroplix/components is now ready to use

Electroplix Logo
Electroplix

WELCOME TO ELECTROPLIX

Quick Start

Electroplix helps you build production-ready applications quickly. You can create apps using the visual builder, AI prompts, or a combination of both. This guide walks you through account setup, your first project, and deploying to production.

  • Drag-and-drop UI building with the Dynamic Engine
  • Prompt-based app generation with the AI Builder
  • Full-stack scaffolding with backend and database tooling
  • Real-time collaboration and version control in your workspace
  • One-click deployment to project_name.electroplix.app or external providers
  • Exportable, developer-owned code at any time

Five steps to your first app

  1. Go to electroplix.com and sign in or create an account.
  2. From your Dashboard, click New Project and choose a template or start blank.
  3. Open the Dynamic Engine or AI Builder to design your UI and connect data.
  4. Preview your app, configure hosting, and run a test deployment.
  5. Publish to production or export code to your own repository.

Creating an Account

  1. Go to electroplix.com.
  2. Click Sign Up in the top navigation.
  3. Choose your login method: Email, Google, or GitHub.
  4. Complete your profile (name and workspace details).
  5. Verify your email if required, then access your Dashboard.

Your Dashboard

After signing in, you land on the Dashboard — your control center for every project and integration. Key areas include:

  • Projects — All apps you have created or imported. Open any project to edit, preview, or deploy.
  • Integrations — Connect third-party services such as Stripe, analytics, and external APIs.
  • Hosting and Deployment — View deployment history, logs, domains, and environment settings.
  • Settings — Account details, billing, team members, and workspace preferences.

Creating Your First App

  1. From the Dashboard, go to Dashboard > New Project.
  2. Enter a project name and select a template (SaaS, marketing site, dashboard, etc.) or start from a blank canvas.
  3. Open the workspace — use the Dynamic Engine for visual edits or the AI Builder for prompt-based generation.
  4. Save your work; Electroplix auto-versions changes so you can roll back anytime.

Using the Dynamic Engine

The Dynamic Engine is Electroplix’s visual builder. Drag components onto the canvas, adjust properties in the panel, and preview responsive layouts in real time.

  • Add and arrange components from the component library
  • Edit spacing, typography, colors, and responsive breakpoints
  • Bind UI elements to API or database values
  • Switch between pages and routes without leaving the canvas
  • Collaborate with teammates in the same project workspace

Using the AI Builder

The AI Builder turns natural-language prompts into pages, components, and backend models. Describe what you want — for example, "a pricing table with three tiers" — and Electroplix generates production-ready code you can refine in the editor. See the AI Builder docs for advanced workflows.

Exporting Code

You own your code. Export at any time to continue development locally or in your own CI/CD pipeline.

  • Frontend / UI includes — Next.js, React, TypeScript, Tailwind CSS, and component source files.
  • Backend / API includes — API routes, database schemas, auth configuration, and integration stubs.
  • CI/CD includes — GitHub Actions workflows, environment templates, and deployment adapter configs.

Deploying Your App

Electroplix Hosting — Deploy directly from the Dashboard to project_name.electroplix.app with automatic SSL and custom domain support.

External Deployment via Adapters — Use deployment adapters for Cloudflare, AWS, Vercel, and other providers. See the Deployment Adapters page for full documentation.