Devmachinist /Docs
Sign in Start free
All docs
Devmachinist documentation Getting started The builder Component library Code editor & files Publishing & hosting Hosting on other providers API builder Payments & stores Shop AI Teams & collaboration Native apps Agents & MCP Security & your account Plans & billing

Code editor & files

The editor #

Open any file from the Files tab, or edit on a component. The editor understands JSX, TypeScript, CSS (including Tailwind v4 at-rules), JSON, HTML and Markdown, and helps as you type:

  • Component suggestions while you type <Na… — accepting one also writes its import.
  • Tailwind class names inside className, React hooks and APIs, import paths and package exports.
  • CSS variables, @apply, @import and @plugin suggestions; package.json versions.
  • Live mode saves as you type and the preview hot-reloads.

The AI panel can edit, fix or rewrite the open file — see AI.

Files and uploads #

The Files tab is a full file tree: create, rename, move, copy and delete files and folders (long-press or right-click for actions; multi-select with select).

Upload from your device with ⇪file or ⇪dir, from a folder's menu (Upload files here), or by dragging files onto the tree on a computer. Any file type works — images, fonts, data — up to 25 MB each. Existing files are never replaced without asking. Files in public/ are served from the site root, so public/logo.png is /logo.png.

Packages #

More → Packages installs and removes npm packages. Missing imports are detected in the editor with a one-tap install.

Git #

More → Git gives each project its own repository: status, diffs, commits, branches and pushing to GitHub, GitLab or any remote.

PreviousComponent library NextPublishing & hosting