Rilaykit Logorilaykit ✨
Getting started

Installation

Install RilayKit packages in your React project with step-by-step instructions.

RilayKit is modular by design. Install only the packages you need. @rilaykit/core is always required as the foundation.

Quick Start

For most use cases, start with the core and forms packages:

pnpm add @rilaykit/core @rilaykit/forms
npm install @rilaykit/core @rilaykit/forms
yarn add @rilaykit/core @rilaykit/forms
bun add @rilaykit/core @rilaykit/forms

Package Overview

PackageLicenseDescriptionUse Case
@rilaykit/coreMITCore engine, types, validation systemRequired - Foundation for all RilayKit usage
@rilaykit/formsMITForm builder and React componentsSingle-page forms, basic workflows
@rilaykit/workflowCommercialMulti-step workflows with advanced featuresComplex onboarding, multi-page forms, analytics
@rilaykit/validation-adaptersMITZod, Yup, and Joi integrationsWhen using external validation libraries

Advanced Installation

Multi-Step Workflows

For complex workflows with step navigation, persistence, and analytics:

@rilaykit/workflow requires a commercial license for production use.

pnpm add @rilaykit/core @rilaykit/forms @rilaykit/workflow
npm install @rilaykit/core @rilaykit/forms @rilaykit/workflow
yarn add @rilaykit/core @rilaykit/forms @rilaykit/workflow
bun add @rilaykit/core @rilaykit/forms @rilaykit/workflow

Validation Adapters

If you prefer using established validation libraries:

# For Zod users (recommended)
pnpm add @rilaykit/validation-adapters zod

# For Yup users
pnpm add @rilaykit/validation-adapters yup

# For Joi users
pnpm add @rilaykit/validation-adapters joi
# For Zod users (recommended)
npm install @rilaykit/validation-adapters zod

# For Yup users
npm install @rilaykit/validation-adapters yup

# For Joi users
npm install @rilaykit/validation-adapters joi
# For Zod users (recommended)
yarn add @rilaykit/validation-adapters zod

# For Yup users
yarn add @rilaykit/validation-adapters yup

# For Joi users
yarn add @rilaykit/validation-adapters joi
# For Zod users (recommended)
bun add @rilaykit/validation-adapters zod

# For Yup users
bun add @rilaykit/validation-adapters yup

# For Joi users
bun add @rilaykit/validation-adapters joi

System Requirements

RilayKit requires modern React and TypeScript versions for optimal type safety and performance.

Required Dependencies

{
  "peerDependencies": {
    "react": ">=18.0.0",
    "react-dom": ">=18.0.0"
  },
  "devDependencies": {
    "typescript": ">=5.0.0"
  }
}

Framework Compatibility

RilayKit works with any React-based framework:

  • Next.js (App Router & Pages Router)
  • Vite + React
  • Create React App (CRA)
  • Remix
  • Gatsby
  • Expo (React Native compatible)

Verification

Verify your installation by importing the core package:

test-installation.tsx
import { ril } from '@rilaykit/core';
import { Form } from '@rilaykit/forms';

// If this imports without errors, you're ready to go!
console.log('RilayKit is ready!');

Next Steps