What File Formats and Sharing Options Does Layoutit Voxels Support?

Updated

Layoutit Voxels (voxels.layoutit.com) supports four import/export formats — VOX, CSS, TXT, and PNG — and five ways to reuse or share a model: Copy, Embed, Open Codepen, Download Code, and Save to Gallery. The right choice depends on whether you want to keep editing the voxel model, hand the code to a developer, or just show the result to someone. The editor's toolbar lists these options directly, so no account or setup step is described on the page.

Import and export formats

The toolbar groups the four formats under Import and Export, meaning each can move a model in or out of the editor.

Format What it carries Typical use
VOX The voxel model itself Saving work and reopening it later in a voxel editor
CSS The generated CSS/HTML cuboid code Putting the model on a web page or continuing in a code editor
TXT A text representation of the model Quick backup or inspection of the data
PNG A rendered image Sharing a preview where code isn't needed

The page describes the editor as "powered by CSS grid and 3D transforms" and built with "HTML cuboids," which explains why CSS is a first-class export: the model is CSS. VOX is the format to pick when you plan to come back and keep sculpting, because it preserves the voxel structure rather than a rendered result.

Sharing and reuse options

Beyond file export, the toolbar offers five output paths:

  • Copy — puts the model's code on your clipboard so you can paste it into your own project.
  • Embed — produces embeddable output so the model can appear inside another page.
  • Open Codepen — sends the code to CodePen, where you can edit and preview it in a browser-based coding environment.
  • Download Code — saves the generated code as a file rather than copying it.
  • Save to Gallery — stores the model in the site's gallery, a public-facing way to keep and show a build.

A practical rule: use Copy or Download Code when you're moving the model into your own site, Open Codepen when you want to tweak the code without local setup, and Save to Gallery when the goal is to display the model rather than reuse its code.

Choosing based on your next step

  • Continuing to edit the model later → export VOX.
  • Handing it to a web developer → Download Code or Copy the CSS.
  • Tweaking the code immediately → Open Codepen.
  • Showing a static preview → export PNG.
  • Publishing a viewable model on the site → Save to Gallery.

The editor also shows live counters — voxels, facets, and approximate file size in KB — which are useful before exporting, since a larger model means a heavier CSS file. If size matters for your page, check those numbers before choosing CSS over PNG.

Practical notes

The page identifies the tool as version 0.1, so treat these options as the current set rather than a fixed feature list. No pricing, login requirement, or account limitation is stated on the page, so don't assume gallery saving or embedding is gated — but verify in the tool before relying on it for a published project. For a first run, build a small model, export both VOX and CSS, and confirm the CSS renders as expected in your target page before scaling up.