Skip to content

Latest commit

 

History

9 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

Roblox Developer Portfolio Template (HTML Version)

A modern, fast, and fully static portfolio template designed specifically for Roblox developers.

Unlike the PHP version, this template runs entirely on HTML, CSS, and JavaScript, making it easy to deploy on free hosting platforms like GitHub Pages while still dynamically loading your Roblox data.

Important: Public Settings

To ensure the template can fetch your data, make sure your Roblox settings are configured correctly:

  • Public Experiences: Only games set to "Public" will be displayed.
  • Inventory Privacy: Your inventory must be visible to everyone for the API to scan your creations.

How It Works

This template uses a custom API to fetch Roblox data such as:

Avatar headshot
Public experiences (games)
Game thumbnails and descriptions

To improve performance, all API responses are cached for 1 hour, resulting in faster load times and fewer requests.

Features

Single file setup (index.html)
No backend required
Works on GitHub Pages and other static hosts
TailwindCSS styling via CDN
Automatic Roblox game fetching
Dynamic avatar, favicon, and SEO image
Config based setup
Tech stack system with modal support
Custom project showcase support
Mobile responsive design
Optimized for Discord and Twitter previews

Requirements

No special requirements

You only need: Visual Studio Code (VSC) or NotePad.
Optional hosting platform

Live Demo

https://UN6107617.dev/demo/2.html

Free Hosting

Because this version is fully static, it can be hosted completely free.

GitHub Pages
Upload index.html to your repository and enable Pages

Cloudflare Pages
Connect your repository and deploy

Netlify
Upload your file or connect GitHub

Installation

  1. Download index.html
  2. Open the file in a code editor
  3. Find the configuration section at the top

const portfolioConfig = {

  1. Edit your settings

Required: userId
name
title
bio

Optional: colors
SEO settings
links
extra projects

  1. Upload the file to your hosting

Configuration Overview

Basic settings:

userId: "123456789", name: "YourName", title: "Roblox Developer", bio: "Your short description",

Colors:

accentHex: "#3b82f6", backgroundColor: "#0b1120", textColor: "#f8fafc",

Status:

forHire: "Yes", avatarAnimation: "Yes"

SEO:

seoTitle: "Your Portfolio", seoDescription: "Your description", seoFavicon: "", seoImage: ""

If empty, the Roblox avatar will be used automatically.

Tech stack:

tools: { "HTML": { years: "3", desc: "..." }, "Lua": { years: "2", desc: "..." } }

Links:

links: { "Roblox": "https://...", "Discord": "https://...", "GitHub": "https://..." }

Extra projects:

extraProjects: [ { name: "Project Name", desc: "Description", image: "https://...", link: "https://..." } ]

API Usage

Endpoint: https://api.un6107617.dev/portfolio/{userId}

Returns: User avatar
Public Roblox games
Game thumbnails
Game descriptions

Example: https://api.un6107617.dev/portfolio/319189457

Caching

API responses are cached for 1 hour to improve speed and reduce load.

Notes

No API key required
No authentication required
Runs fully client side
Internet connection required for API requests

Also Available as PHP Version

A PHP version of this portfolio is also available.

This version runs server side and is ideal if you prefer PHP based environments or want more backend control.

View the PHP version here: https://github.com/UN6107617/roblox-portfolio-template

License

Custom Free License with attribution required

You may: Modify the template
Use it for personal or commercial projects

You may not: Remove the visible footer credit
Remove the license comment in HTML
Claim the template as your own
Redistribute as your own template

Credit removal requires a paid license

Copyright

Copyright 2026 UN6107617

About

Roblox Developer Portfolio Template (HTML Version)

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Contributors

Languages