v1.2.0 (Update Required) - June 22nd 2025
This update includes major improvements and fixes. It’s highly recommended that all users update.
Release Notes: Here
OnBoard
Create smooth, interactive tutorials and onboarding experiences for your Roblox games.
Demo
Showcase
Sorry for the quality—DevForum currently limits video uploads to 10 MB.
New Focus Feature
About
OnBoard is a modern, flexible, and lightweight onboarding framework designed to help Roblox developers create polished tutorial experiences.
Creating a good first-time player experience can be challenging. OnBoard makes it easier by providing a simple API for creating:
- Interactive tutorials
- UI walkthroughs
- World navigation guides
- Objective indicators
- First-time player experiences
Whether you need to highlight UI elements, guide players toward world locations, or create a complete step-by-step tutorial, OnBoard provides everything needed to get started quickly.
Features
UI Element Highlighting
Darken the screen and focus player attention on important UI elements.
Perfect for:
- Inventory tutorials
- Shop explanations
- Settings guides
- Button walkthroughs
3D World Indicators
Guide players through your world using visual indicators.
Includes:
- Directional arrows
- Beam indicators
- World targets
Useful for:
- Quests
- Objectives
- Locations
- Navigation systems
Animated Pointer Arrows
Keep players focused with animated arrows pointing toward important targets.
Global Theme Configuration
Customize your entire onboarding experience from one configuration file.
Config.lua allows you to change:
- Fonts
- Colors
- Title sizes
- Beam textures
- UI styling
Simple Sequence API
OnBoard uses a clean and beginner-friendly API:
Tutorial:Start()
Tutorial:Next()
Tutorial:Previous()
Tutorial:GoToStep(index)
Tutorial:Stop()
Installation
Place the package inside:
ReplicatedStorage
└── OnBoard
Require it from a LocalScript:
local ReplicatedStorage = game:GetService("ReplicatedStorage")
local OnBoard = require(ReplicatedStorage.OnBoard)
Quick Start Example
Create a simple onboarding sequence:
local ReplicatedStorage = game:GetService("ReplicatedStorage")
local Players = game:GetService("Players")
local Player = Players.LocalPlayer
local PlayerGui = Player:WaitForChild("PlayerGui")
local MainGui = PlayerGui:WaitForChild("MainGui")
local OnBoard = require(ReplicatedStorage.OnBoard)
local Tutorial = OnBoard.CreateSequence({
Id = "FirstTimePlayer",
Steps = {
{
Title = "Inventory System",
Text = "Click here to open your inventory and manage your items.",
Target = MainGui.InventoryButton,
ShowArrow = true,
ShowOverlay = true,
},
{
Title = "The Shop",
Text = "Visit the shop to buy new weapons and equipment!",
Target = MainGui.ShopButton,
ShowArrow = true,
ShowOverlay = true,
}
}
})
Tutorial:Start()
Sequence API
| Method | Description |
|---|---|
Tutorial:Start() |
Starts the onboarding sequence |
Tutorial:Next() |
Moves to the next step |
Tutorial:Previous() |
Goes back to the previous step |
Tutorial:GoToStep(index) |
Jumps to a specific step |
Tutorial:Stop() |
Stops the tutorial and cleans everything |
Feedback & Suggestions
OnBoard is actively being improved!
Feel free to:
- Report bugs
- Suggest features
- Share your feedback
- Show how you use OnBoard in your games
Future improvements may include:
- More indicator styles
- Additional customization options
- More tutorial components
- Better editor tooling
Credits
Created by @Henry
Tags:
#module #framework #tutorial #onboarding #ui #systems #opensource
Changelog & Improvements
Modular Theme & Config Structure