Skip to content

Installation

Install @airframeui/core and import one CSS file. No build step.

npm install @airframeui/core
@import "@airframeui/core/core.css";

No bundler? Link airframe.min.css. Pin a version in production. Do not link core.css from a CDN — it is an @import graph and will not load.

<!doctype html>
  <html>
    <head>
      <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@airframeui/core@0.8.0/dist/airframe.min.css"
    />
    </head>
    <body>
      <button class="af-btn">Save</button>
    </body>
  </html>

Next.js and Angular have framework-specific setup.

Custom breakpoints or af theme: Build Tool.