Installation

Get up and running with SageUI in just a few minutes.

NPM Installation

Install SageUI via npm:

bash

npm install @seijiv10/sageui

CDN Installation

You can also include SageUI directly from a CDN:

html

<link rel="stylesheet" href="https://unpkg.com/@seijiv10/sageui@1.2.0/dist/styles/sageui.css">

Tailwind CSS Plugin

For maximum customization, use SageUI as a Tailwind CSS plugin:

bash

npm install @seijiv10/sageui tailwindcss

Then add it to your styles.css/scss:

css

@import '@seijiv10/sageui/styles';

Vanilla HTML

html

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://unpkg.com/@seijiv10/sageui@1.2.0/dist/styles/sageui.css">
</head>
<body>
  <button class="btn btn-primary">Click me</button>
</body>
</html>

Next Steps

Now that you have SageUI installed, check out our Quick Start guide to learn the basics.

Installation ​

NPM Installation ​

CDN Installation ​

Tailwind CSS Plugin ​

Vanilla HTML ​

Next Steps ​