You can modify the UI in any way you want, as long as you keep the structure the same. You can always add new UI objects!

You can modify default client settings in the ClientSettings module found under the StarterGui part of KrulVN!

You can modify default server settings in the ServerSettings module found under the ServerScriptService part of KrulVN!

Creating characters is very straightforward.

To get started, create a variable that will hold your character. See here!

Use Markdown sparingly to emphasize important words or phrases. Overusing bold, italic, or colors can make dialogue harder to read.

You can mix inline Markdown with brace tokens (e.g. **Bold** and {color=#00ff00:green}), but keep combinations clear and avoid nesting too deeply.

Nesting brace tokens (e.g. {stroke=color="#ff0000" thickness="2":{size=32:Warning!}}) is powerful, but should be reserved for special emphasis like warnings or dramatic dialogue.

Choose sizes and colors that remain legible. Extremely large sizes or low-contrast colors may reduce accessibility.

Use {mark=#ffff00:highlight} for key words or phrases, not entire sentences. This keeps the reader’s focus sharp.

Apply formatting consistently for each character. For example, one character might always speak in {smallcaps:small caps} to distinguish their voice.

Preview your dialogue with multiple styles applied to ensure the final rendering looks as intended and doesn’t clash visually.

Represents a character defined with newCharacter.

export type Character = {
  name:string|{variable:string,identifier:string},
  textColor:krulColor3,
  nameColor:krulColor3
}

Used in editVariable to specify whether you’re editing with a literal value or another variable.

export type generalProperties = {
  type: "variable" | "value",
  value: string | number | boolean | nil,
}

Optional settings for say and addText.

export type sayOptions = {
  customTextSpeed?: number,
  overrideTextColor?: krulColor3,
  async?: boolean,
  voicelineName?: string,
  playVoicelineEachLetter?: boolean,
  clickToFillState?: boolean,
  skipResume?: number | boolean,
  disableSkipWhitespace?: boolean,
  replace?: { pattern: string, replaceWith: generalProperties }[],
}

Used in enable and disable to toggle player features.

export type EnableAndDisable = {
  name: "allowSaving" | "allowSkipping" | "allowAuto",
}

Used in showOptions.animation to animate asset movement.

export type movementAnimation = {
  direction: Enum.EasingDirection,
  style: Enum.EasingStyle,
  AppliedX: krulUDim,
  AppliedY: krulUDim,
  Time: number,
}

Numeric layer used in darkenScreen to control render order.

export type EffectsLayer = number

Controls how an asset is popped in/out.

export type PopData = {
  size: { xs: number, xo: number, ys: number, yo: number },
  pos:  { xs: number, xo: number, ys: number, yo: number },
  async: boolean,
}

Animation settings for darkenScreen.

export type darkenScreenAnimation = {
  direction: Enum.EasingDirection,
  style: Enum.EasingStyle,
  Time: number,
}

Optional settings for show.

export type showOptions = {
  customizedSize?: krulUDim2,
  animation?: movementAnimation,
  async?: boolean,
  anchor?: krulUDim,
  customZIndex?: number,
  animationSkippable?: boolean,
}

Optional settings for hide.

export type hideOptions = {
  animation:movementAnimation | nil,
  async:boolean | nil,
  animationSkippable:boolean | nil
}

Represents a label target for jumps.

export type Label = {
  name: string,
  spot: number,
}

Used in insertChoice.

export type Choice = {
  text: string,
  nextLabel: string,
}

Used in insertInput.

export type InputSettings = {
  minLetters:number,
  maxLetters:number | nil
}

export type krulVector3 = {X:number,Y:number,Z:number}
export type krulVector2 = {X:number,Y:number}
export type krulColor3 = {v1:number,v2:number,v3:number}
export type krulUDim = {Scale:number,Offset:number}
export type krulUDim2 = {X:{Scale:number,Offset:number},Y:{Scale:number,Offset:number}}
                

Represents a queued story action.

export type StoryPiece = {
  character?: Character,
  text?: string,
  options?: sayOptions,
  type?: "say" | "text" | "choice",
  choices?: Choice[],
}