Live Channels
Watch our community streamers — live right now
Community Pulse
Join thousands of players
Magical City News
The biggest events happening in Magical City
Criminal War Event
The biggest turf war event of the season.
Drift Championship
Show off your drifting skills.
Business Expo
Showcase your business to investors.
Server Rules
Ensure the best experience for everyone
Server Roster
Currently online & recently active players
My Profile
Your account & characters summary
My Characters
Linked via FiveM APINo characters linked yet
Once your FiveM server API is connected, your characters will appear here automatically.
How to connect
Add FIVEM_API_URL in Admin Panel → FiveM API settings, and your server will push character data here.
Live Now
Watch our community streamers in action
Meet the Team
The dedicated crew behind Magical City
Join the Team
Apply for whitelist or staff positions
Whitelist Application
Get priority access and special roles
Staff Application
Join our moderation team
Application
Edit Content
Hero Section
Settings
Streamers & Creators
Add, edit, or remove content creators shown on the Live page and home summary.
Team Members
Drag to reorder · Click a row to expand and edit
Admin Roles
Discord role IDs listed here will grant access to the Admin Panel. Users must log in via Discord to be checked.
Role IDs with Admin Access
Right-click a Discord role → Copy Role ID
guilds.members.read OAuth scope. If any of their roles match the IDs above, they see the Admin Panel button. Changes here take effect on next login.
Manage Rules
Pending Applications
Discord Webhooks
Configure where Discord logs are sent for each event type.
Applications Webhook
Fires when a new whitelist/staff application is submitted
Login Webhook
Fires when a user logs in via Discord
Admin Actions Webhook
Fires when an admin approves/rejects applications or edits content
Recent Webhook Logs
No logs yet.
FiveM API Integration
Connect your FiveM server so the website can show live player count, server status, restart times, and player characters.
CFX Server Code
From your cfx.re/join/XXXXXX link — used to fetch live player count
API endpoint: https://servers-frontend.fivem.net/api/servers/single/{code}
Custom API URL (optional)
Your own FiveM resource HTTP endpoint for characters & extended data
Server Restart Times
Displayed on the home hero bar and Roster page
Max Player Slots
Shown on the status bar and Roster page
How to build a FiveM resource for characters
Create a resource on your server (e.g. mc_website_api) with this in server.lua:
SetHttpHandler(function(req, res)
res.writeHead(200, {
['Content-Type'] = 'application/json',
['Access-Control-Allow-Origin'] = '*'
})
local players = {}
for _, src in ipairs(GetPlayers()) do
table.insert(players, {
id = src,
name = GetPlayerName(src)
})
end
res.send(json.encode({
players = players,
count = #players
}))
end)
Then set the Custom API URL above to http://your-ip:30120/mc_website_api. For character data, query your database inside that handler using oxmysql or mysql-async and return character fields like name, job, money, etc.
Data Management
Export or import your website data configuration.