Installation

Install

Install the package

npm install ailita-library

This installs the library and all of its bundled dependencies. Peer dependencies React 18+ and react-dom 18+ must already be present in your project.

Add styles

Choose how to include the compiled Tailwind CSS from the library.

Import compiled CSS (recommended)
Tailwind content path

// app/layout.tsx (Next.js) or src/main.tsx (Vite)
import 'ailita-library/styles'

This is the reliable approach. Use the Tailwind content path only if you consume the library from source (e.g., a monorepo where you build the library locally).

// tailwind.config.js
module.exports = {
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/ailita-library/dist/**/*.js'
  ]
}

Configure for Next.js (App Router only)

// next.config.js
const nextConfig = {
  transpilePackages: ['ailita-library'],
}
export default nextConfig

Skip this step for Vite or Create React App. Only required for Next.js App Router.

Peer dependencies

The library requires the following peer dependencies to be installed in your project:

Package	Required version
`react`	`>=18`
`react-dom`	`>=18`

The library bundles axios, react-hook-form, @hookform/resolvers, and zod as dependencies — you do not need to install them separately.

What gets installed

Build output in dist/:

index.js — ESM module
index.cjs — CommonJS module
index.d.ts / index.d.cts — TypeScript types
ailita-library.css — compiled Tailwind styles (imported via ailita-library/styles)

Next steps

Configure AilitaProvider

Wrap your app and connect to your tenant.

Getting started

Auth & identity

Session management

Component reference

Security

Install

Peer dependencies

What gets installed

Next steps

Configure AilitaProvider

​Install

​Peer dependencies

​What gets installed

​Next steps

Configure AilitaProvider

Install

Peer dependencies

What gets installed

Next steps