Export

Three export options

When you're ready to export, you have three options.

Option 1: Copy individual components

Click on any component in your library

Copy just the HTML, or copy just the CSS

Paste directly into your existing project

Perfect for adding individual components to an existing site, prototyping specific UI patterns, or quick integrations and experiments.

Option 2: Copy complete files

Navigate to dedicated export pages and access complete, separated CSS files.

tokens.css All your design system variables

reset.css Browser normalization

elements.css Prestyled HTML elements

components.css All component styles

Copy entire files into your project structure. Perfect for manually integrating Naina's design system, teams with existing codebases, and developers who want full control over file structure.

Option 3: Framework export

The killer feature. Export a complete, working application.

Ruby on Rails 8 application

Click Export as Rails 8 App

Download a complete, working Rails application

Includes all your CSS organized properly, all HTML components as partials, layout files set up correctly, asset pipeline configured, and routes defined for your pages.

Go standard library application

Click Export as Go App

Download a complete, working Go application

Includes all CSS files, HTML templates using Go's standard html/template, a working router using the standard library, and server setup ready to run.

What you get

A .zip file containing your complete application

Unzip it on your machine

Run it immediately, no build step, no setup

It looks exactly like what you designed in Naina

Production ready application

You're not getting a prototype. You're getting a production ready application.

Deploy immediately to a server

Use as the foundation for a new project

Hand to your development team to continue building

Extend with business logic, databases, and functionality

The design is done. The frontend is done. Now you just write your application logic.

No visual drift

The exported code is exactly what you see in Naina. No surprises, no this looks different in production, no time wasted reconciling designs with code.

Complete ownership

Push the code to GitHub

Modify anything you want

No vendor lock in

No proprietary frameworks

Just standard HTML, CSS, and your chosen backend framework

No dependencies or bloat

Pure web standards

No JavaScript frameworks required unless you add them

No CSS frameworks like Bootstrap or Tailwind

Just clean, semantic HTML and modern CSS

Fast loading, accessible, and maintainable