Skip to main content

Getting Started

Learn how to get started with Apex

Prerequisites

Before you begin, make sure you have Node.js 16 or later installed on your machine.

Installation

Via CDN

The quickest way to get started is by using the CDN link:

HTML
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcss@latest/dist/framework.css">

Via NPM

Install Apex using npm:

Bash
npm install apexcss

Then import it in your CSS or JavaScript file:

CSS
@import 'apexcss/dist/framework.css';

Framework Integration

React / Next.js

Import Apex in your main CSS file:

CSS
// app/globals.css or styles/globals.css
@import 'apexcss/dist/framework.css';

Vue.js

Import in your main.js or main.ts:

JS
import 'apexcss/dist/framework.css';

Angular

Add to angular.json:

JSON
{
  "styles": [
    "node_modules/apexcss/dist/framework.css",
    "src/styles.css"
  ]
}

First Steps

Start using utility classes in your HTML:

HTML
<div class="container mx-auto p-4">
  <h1 class="text-2xl font-bold mb-4">Hello, Apex!</h1>
  <p class="text-gray-600">Start building with utility classes.</p>
</div>
Congratulations! You are now ready to start building with Apex.