A complete, hand-built website for a hardcore roleplay server. Three pages, no build step, no backend, no licence key.
See it live · Download · Documentation · More scripts
A finished website for a FiveM roleplay server. Not a starter, not a wireframe — a landing page, a guides page and a 404 page, written out and ready to have your server's name put in.
It was the real site for a permadeath RP server. We stripped out the admin panel and the PHP, compiled the stylesheet, cut the page weight by 85%, and are giving away what is left.
Upload it. Change the name and the Discord link. Done.
| Three pages | Landing, guides & rules, and a 404 that matches |
| No build step | HTML, one CSS file, one JS file. Upload and it works |
| No backend | No PHP, no database, no Node on the server |
| Fast | 1.4 MB for the whole page, most of it images that lazy-load |
| Mobile | Built and checked at 390, 768 and 1440 |
| SEO done | Meta, Open Graph, Twitter cards, schema.org, sitemap, robots.txt |
| Accessible | Keyboard navigation, focus rings, skip link, alt text, reduced-motion |
| Yours | MIT. Use it commercially, change anything, no attribution required |
Landing — hero with a floating logo, a stats bar, six feature cards, a four-step explainer, four role cards, five rules, a closing call to action and a four-column footer.
Guides & rules — sticky sidebar, an injury table, the full rules, and an FAQ that opens and closes with no JavaScript at all.
404 — because a broken link on a server website usually means somebody followed a Discord post from six months ago, and a plain Apache error page is a bad way to meet them.
On a phone — checked at 390, 768 and 1440. No horizontal scroll, one h1
per page, alt text on every image, a skip link, visible focus rings, and a
prefers-reduced-motion block so the floating logo holds still for anyone who
asked their system to stop animating things.
- Download the latest release and unzip it.
- Upload everything inside
template/to your web root. - Open
index.htmlin a text editor and search forDEATH— that is your server name, in three places. - Search for
discord.gg/your-inviteand put your invite in. - Replace
assets/img/logo.webpwith your logo.
That is the minimum. It is a real website at that point.
Then read docs/02-customise.md for the rest: the colours, adding sections, adding pages.
Drag the template folder onto Netlify Drop and
it is online in about fifteen seconds. Cloudflare Pages and GitHub Pages both
work too — docs/01-install.md covers all three, plus
cPanel and nginx.
The full documentation is on the website, and it is the copy that gets corrections: vault-scripts.com/docs/deathm
The same thing ships in docs/ so it works with no internet:
| 01 — Putting it online | Hosting, nginx config, the pre-launch checklist |
| 02 — Making it yours | Names, logo, colours, sections, new pages |
| 03 — The credit bar | What it is and exactly how to remove it |
| 04 — The stylesheet | Only if you want to add new Tailwind classes |
There is a thin bar across the top of each page pointing at vault-scripts.com. That is the only thing we ask for in exchange.
You can remove it. No conditions, nothing breaks, nothing phones home. It is one clearly marked block in each file, and the bar itself links to the page that explains how.
If you leave it, thank you — it is how the next free template gets paid for.
Nothing clever, on purpose.
- Tailwind CSS, compiled once to a 22 KB stylesheet. The original loaded Tailwind from a CDN, which downloads 120 KB of JavaScript and then builds your CSS in the visitor's browser on every page load. Tailwind's own docs say not to do that in production.
- Two Google Fonts, Oswald and Inter. Self-host them if you would rather.
- ~100 lines of JavaScript, doing two things: the mobile menu and the
"coming soon" dialog. The FAQ accordions are
<details>elements and need no script at all. - WebP images, lazy-loaded below the fold.
The site this came from shipped 8 MB of PNGs, 4.1 MB of which were referenced by nothing at all. This ships 1.1 MB of WebP:
| Before | After | |
|---|---|---|
| Images | 8.0 MB | 1.1 MB |
| Favicon | 116 KB | 1.2 KB |
| CSS | CDN + in-browser compile | 22 KB static |
| Unused files | 7 images, a dead stylesheet | — |
That matters on a phone on mobile data, which is where most people will open your server's website for the first time.
template/ ← upload the contents of this
├─ index.html
├─ guides.html
├─ 404.html
├─ .htaccess Apache config: pretty URLs, caching, compression
├─ robots.txt
├─ sitemap.xml
├─ favicon.ico
└─ assets/
├─ css/template.css compiled — do not edit by hand
├─ js/template.js
└─ img/
docs/ the four guides above
build/ OPTIONAL. Tailwind config, only if you recompile
screenshots/ what it looks like, at 1440 and 390
Do I need Node, npm or a build step?
No. build/ exists only if you want to add Tailwind classes that are not
already used. Ignore it otherwise.
Can I use this for a paid server, or a client's server? Yes. MIT licence. Sell it, rebrand it, charge for it.
Can I remove the credit bar? Yes. Here is how.
Does it need PHP or a database? No. It is static files. Any host that serves HTML will serve this.
Will it work with my framework? It is a website — it does not talk to your game server at all. QBCore, Qbox, ESX, standalone, it makes no difference.
How do I add a live player count? Not included; it needs a backend. Cheapest route is the FiveM server list API and about ten lines of JavaScript. If you want the player count, characters, money and playtime properly, that is what Vault Sites does.
Something is broken. Open an issue with the page, the browser and a screenshot.
MIT. Do what you like with it.
The images are a separate matter: the character renders are GTA V assets and are included so the template looks like something out of the box. They are not ours to license. Replace them before you go commercial — swapping them is one folder of files.
Not affiliated with, endorsed by or sponsored by Rockstar Games, Take-Two Interactive or the Cfx.re project.
Made by Vault Scripts
If this saved you an afternoon, a star helps other server owners find it.