SynthesisUI
← Learn

A cinematic landing page

From an empty folder to a launch-grade page: set the project up, design the structure in Guides, and let your agent execute the Build Script.

0 / 5 steps~45 min

  1. Create the project

    ~3 minFREE · deterministic

    A fresh Next.js app. If you already have one, skip to the next step.

    npx create-next-app@latest my-landing --ts --tailwind --app --no-src-dir
    cd my-landing
    Under the hood

    App Router + Tailwind is the CLI's default target; the system also works on plain CSS projects (init --styles css).

Everything above ran against Flux, a gallery system - now imagine it wearing YOUR brand. Create your own system in about a minute (no account needed to try) and every command here works the same, with your slug.

Create your own system →