Skip to main content

Installation

Package Manager​

# npm
npm install skelion

# yarn
yarn add skelion

# pnpm
pnpm add skelion

CSS Import​

Add the CSS import to your app's entry point:

React (Vite)​

src/main.tsx
import "skelion/styles.css";

Next.js (App Router)​

app/layout.tsx
import "skelion/styles.css";

Next.js (Pages Router)​

pages/_app.tsx
import "skelion/styles.css";

Create React App​

src/index.tsx
import "skelion/styles.css";

CLI Setup (Optional)​

You can also use the CLI to set up Skelion automatically:

npx skelion init

This will:

  • Detect your framework (Next.js, Vite, CRA)
  • Create a skelion.config.ts configuration file
  • Print CSS import instructions

Requirements​

  • React 18.0.0 or higher
  • React DOM 18.0.0 or higher
  • TypeScript 5.0+ (optional, but recommended)