Code

Collaborators can view the HTML, CSS, and React code of the elements of the prototype and can download* the entire project as a code package containing all HTML, CSS, and assets in a zip file.

Downloading Code requires a Pro plan

View HTML & React

  1. Open the prototype screen you want to view the code for
  2. Select Code mode at the top bar of the Omni view
  3. Select any element in the prototype and the code will appear in the Elements panel. Use the Path bar on the code panel to navigate to the parent of the selected element
  4. Use the drop-down menu to switch between HTML and React code
  5. Optional – Click the red Download Code button to export the entire project as a code package (Requires Pro plan).

Advanced Features

Code mode has a few more great features for developers to stay in control:

Download Assets

Code Override demo

Compare Code Generation with Design

The Code Package

Downoad code package

Code Package

HTML Files locally

CSS Structure

CSS Structure

Export FAQ

In order to keep your website pixel-perfect, easily made responsive, load crazy fast, yet clean & readable — We made some choices for you about the code style. Here are some questions we get about code packs.

Why Absolute Positioning?

Developers tend to use CSS relative position, while Anima composes CSS with absolute position by default. The upside here is getting high fidelity, bringing your design as close as possible to pixel-perfect in browser. You’re not likely to see a line break where you didn’t expect it (relative position downside).

Why did my Forms break?

When you’re hosting your website with us, we also give you a tiny backend server to support your forms. It allows users to send to that server, and we store it for you.

This server-side code cannot be simply exported and included in the code package, as it needs to run on a server rather than on the browser (which is called client-side code).

Therefore, when exporting code with forms, you’ll have to implement your own server to capture form submissions, and store your data.