Add Channel

or

If filled in then min/max is ignored.

For a gradient, put "linear-gradient(red, yellow)" More Information

Edit Channel

Channel ID:

or

If filled in then min/max is ignored.

For a gradient, put "linear-gradient(red, yellow)" More Information

Audit Settings

Min Value: Max Value:
Audit Every: (in seconds)
Min Time: Max Time:

Design Settings:

Background Color

Or an image:
Or an image url:

Main Container Height (vh)

Main Container Width (vw)

Box Spacing

Rank Size

Name Size

Name Width

Count Size

Image Size

Rank Box Width

Card Width

Card Height

Text Color

Box Background Color

Box Border Color

Image Border Color

Odometer Up Color

Odometer Down Color

Number Animation

Icon For Fastest Channel
(emoji or text)

Icon For Slowest Channel
(emoji or text)

Show Rankings

Show Chart

Chart Line Color

Show Images

Show Names

Show Counts

Add Leading Zeros to Ranks

Show Blank Slots

Vertically Center Ranks

Image Border Radius
%

Box Border Roundness (0-100)
%

Box Background (gain)

Box Background (lose)

Box Background Duration (in seconds)
*Leave at 0 to disable

Counter Alignment

Header Font

Main Font

Counter Font Weight

Import from Google Fonts

Technical Settings:

[BETA] Animated Card Changes

[BETA] Animated Card Changes Duration (in seconds)

Update Interval (in seconds)

Odometer Speed (in seconds)

Note: Gain data is NOT saved after reloading
Base Gain Rate Off: Average of

Abbreviate Counts

Allow Negative Counts

Random Count Updates

Waterfall Count Updates

Fire Icons (BETA)

Enable Fire Icons:
Update Fire Icons Every Update Interval(s)
Type:
Icon Border Color:
Icon Border Width:
Icon Position:

Show Differences
Difference Threshold:
Difference Placing (top):
Difference Placing (left):
Difference Color:
Difference Size:
Abbreviate Differences (MDM)

Difference Images:
Image Place (top):
Image Placing (left):
Image Size:
Image Shaking:
Image:
or:

Show Difference Lines
Difference Line Color:

API Update Settings:

API Source Preset:

Make sure the part to include the channel is at the very end and left open OR use {{channels}} to indentify where they should go.
Max Channels:
Only Fetch Certain Channels:
Loop through (data = root):
Method:

Headers (optional)

Body: (optional)

Updates

Name
Image
Count
ID (Required)
- Enable if ID is part of another string like: "https://banner.yt/UCX6OQ3DkcsbYNE6H8uQQuVA"

Force Updates (even without count changes)

Update Interval (in seconds):
Make sure to do an actual save too
MAKE SURE TO SAVE BEFORE ENABLING this will only update the count if the {count} of the abbreviated number changes

FYSC Stream Hub

Min Gain (for streams):

Max Gain (for streams):

NightBot Commands

Copy these commands into your NightBot command responses. Each command serves a specific purpose for managing your stream leaderboard.

Add User Command

Allows users to add themselves to the leaderboard.

Example: {!add 100/200} - 100 is min gain, 200 is max gain

Command Response:

Edit User Command

Allows users to edit their gain rates.

Example: {!edit 100/200} - Updates min/max gains

Command Response:

Example Command

Shows how to create custom upload command with gain values.

Tip: Add &rates=true to the end of the url to alter channel gain rates

Command Response:

Get Subscriber Count

Retrieves a user's current subscriber count.

Returns the subscriber count for the specified user

Command Response:

Get User Gains

Retrieves a user's current gain rate.

Returns the gain rate for the specified user

Command Response:

Get User Rank

Retrieves a user's current rank on the leaderboard.

Returns the rank position for the specified user

Command Response:

NightBot Connection

Connect to NightBot to enable live chat commands for your stream.

Status: Not Connected

Need help? Watch the tutorial video on how to setup NightBot & LCEDIT for streams.

Header/Footer Settings

Header Height:
pixels

Header Section Spacing:
pixels

Footer Height:
pixels

Footer Section Spacing:
pixels

Advanced Layout Settings (Optional)

Number of Sections:
(leave blank for auto)

Section Widths:
(comma-separated, e.g., "1, 2, 1" for relative sizes)

Header/Footer Sections

Add sections to display in the header or footer. Use "Place in" to choose Header or Footer for each section.

Scripts

Custom CSS

Input your custom css below: