// NekoWebFree — pages: Home, Browse, Category, Product detail, About const { useState: useStateP, useEffect: useEffectP, useMemo: useMemoP } = React; // ────────────────────────────────────────────────────────────────── // HOME // ────────────────────────────────────────────────────────────────── function HomePage() { const { go } = useRouter(); const cfg = window.NEKO_CONFIG; const data = window.NEKO_DATA; const [q, setQ] = useStateP(""); const featured = ["nekobaseplate", "nekohangoutkit", "nekocustomchat", "nekocarryv1", "nekomorph", "nekoaudioweb", "nekosky", "nekoaurashop"] .map(id => data.products.find(p => p.id === id)) .filter(Boolean); const popularByCat = [ { cat: "kits", pick: "nekobaseplate" }, { cat: "chat", pick: "nekocustomchat" }, { cat: "carry", pick: "nekocarryv3lite" }, { cat: "avatar", pick: "nekomorph" }, ].map(({ cat, pick }) => ({ cat: data.cats[cat], product: data.products.find(p => p.id === pick) })); return (
{/* HERO */}
Free hub — Roblox systems

NoMen Free
systems for Roblox.

Base kits, custom chat, carry rigs, NPCs, mounts, admin tools, music players — drop them into your place and ship. No payment, no whitelist.

go("/browse")}>Browse all systems → Subscribe on YouTube
NoMen systems 11 categories Free forever
{/* Hero composition — clean stack, no overlap */}
{/* Top card — featured product with real YT thumb */}
go("/p/nekohangoutkit")} style={{ borderRadius: 6, overflow: "hidden", border: "1px solid var(--border)", background: "var(--bg)", cursor: "pointer", boxShadow: "0 12px 36px rgba(0,0,0,0.06)", }}>
Featured
Base Kit · with trailer
NekoHangoutKit
{/* Bottom strip — dark, slogan + subscribed chip inline (no overlap) */}
Drop · install · run
Find, download, drag into Studio.
SUB ✓
{/* SEARCH */}
setQ(e.target.value)} placeholder="Search systems — try 'carry', 'chat', 'morph'…" onKeyDown={(e) => { if (e.key === "Enter" && q) go("/browse"); }} style={{ flex: 1, border: "none", outline: "none", fontFamily: "var(--sans)", fontSize: 15, background: "transparent", color: "var(--ink)" }} /> ↵
{q && (
{data.products .filter(p => p.name.toLowerCase().includes(q.toLowerCase())) .slice(0, 6) .map(p => ( ))}
)}
{/* CATEGORIES — 11 of them in 4-col grid (last row 3 wide is fine) */}
{Object.values(data.cats).map((c, i) => { const count = data.products.filter(p => p.cat === c.id).length; return ( ); })}
{/* FEATURED ROW */}
go("/browse")} style={{ background: "transparent", border: "none", cursor: "pointer", fontSize: 13, color: "var(--muted)", fontFamily: "var(--sans)" }}>View all →} />
{featured.map(p => go(`/p/${p.id}`)} />)}
{/* SOURCE BLOCK — explain mediafire / roblox-create / web */}
{/* THANK-YOU CTA */}
One thing I ask

Keep the sub — keep the drops.

These systems exist because the channel does. Stay subscribed and new free drops keep landing here.

Subscribe to {cfg.youtubeHandle} ↗ Join Discord — nomenfams ↗
); } function SourceCard({ kind, title, body }) { return (
{title}

{body}

); } // ────────────────────────────────────────────────────────────────── // BROWSE — all products with filters // ────────────────────────────────────────────────────────────────── function BrowsePage({ initialCat }) { const { go } = useRouter(); const [cat, setCat] = useStateP(initialCat || "all"); const [src, setSrc] = useStateP("all"); const [sort, setSort] = useStateP("default"); const [q, setQ] = useStateP(""); const data = window.NEKO_DATA; const filtered = useMemoP(() => { let r = data.products; if (cat !== "all") r = r.filter(p => p.cat === cat); if (src !== "all") r = r.filter(p => p.link.kind === src); if (q) r = r.filter(p => p.name.toLowerCase().includes(q.toLowerCase())); if (sort === "name") r = [...r].sort((a,b) => a.name.localeCompare(b.name)); if (sort === "cat") r = [...r].sort((a,b) => a.cat.localeCompare(b.cat)); return r; }, [cat, src, sort, q]); const catObj = cat === "all" ? null : data.cats[cat]; return (
{e.preventDefault();go("/");}}>NekoWebFree / {catObj ? catObj.label : "All systems"}

{catObj ? catObj.label : "All free systems"}

{catObj ? catObj.blurb : "NoMen Free systems for Roblox. Filter by category or source, grab whatever you need."}

{filtered.length} results
{/* Controls */}
setCat("all")}>All ({data.products.length}) {Object.values(data.cats).map(c => { const n = data.products.filter(p => p.cat === c.id).length; return ( setCat(c.id)}> {c.label} ({n}) ); })}
Source
setSrc("all")}>All setSrc("mediafire")}>MediaFire setSrc("roblox-create")}>Roblox Store setSrc("web")}>Web App
setQ(e.target.value)} placeholder="Search…" style={{ padding: "8px 14px", border: "1px solid var(--border)", borderRadius: 999, fontFamily: "var(--sans)", fontSize: 13, outline: "none", background: "var(--bg)", color: "var(--ink)", width: 200, }} />
{filtered.length === 0 ? (
NOTHING MATCHES — try clearing filters.
) : (
{filtered.map(p => go(`/p/${p.id}`)} />)}
)}
); } // ────────────────────────────────────────────────────────────────── // PRODUCT DETAIL // ────────────────────────────────────────────────────────────────── function ProductPage({ id }) { const { go } = useRouter(); const data = window.NEKO_DATA; const p = data.products.find(x => x.id === id); if (!p) { return (

Not found

That system doesn't exist. Try browsing.

go("/browse")}>← Back to browse
); } const cat = data.cats[p.cat]; const hue = data.hue[p.cat]; const related = data.products.filter(x => x.cat === p.cat && x.id !== p.id).slice(0, 4); const sourceLabel = { "mediafire": "MediaFire", "roblox-create": "Roblox Create Store", "web": "Hosted web app", }[p.link.kind] || "Download"; const howSteps = p.link.kind === "mediafire" ? [ ["A", "Click Download", <>Press the orange button below — it opens the MediaFire page in a new tab.], ["B", "Save the file", <>On MediaFire, click Download. Save the .rbxm / .rbxl to your computer.], ["C", "Drag into Studio", <>Open Roblox Studio. Drag the file directly into the viewport (or right-click in Explorer → Insert From File).], ] : p.link.kind === "roblox-create" ? [ ["A", "Open the listing", <>Click below to open the asset's page on the Roblox Create Store.], ["B", "Get the asset", <>Press the Get button on Roblox. It's added to your inventory for free.], ["C", "Insert in Studio", <>In Studio, open Toolbox → Inventory. Find the asset, right-click → Insert.], ] : [ ["A", "Open the web app", <>Click below to launch the hosted tool in a new tab.], ["B", "Use alongside Studio", <>The app runs in your browser — keep it open next to Roblox Studio while you work.], ["C", "No install needed", <>Nothing to drag, nothing to insert. Just bookmark it.], ]; return (
{e.preventDefault();go("/");}}>NekoWebFree / {e.preventDefault();go(`/c/${cat.id}`);}}>{cat.label} / {p.name}
{/* Media + how-to */}
{p.video ? ( ) : ( )}

About this system

{p.tagline} {p.note ? · {p.note}. : null}

How to install

{howSteps.map(([n, title, body]) => (
Step {n}
{title}
{body}
))}

Specs

{[ ["Source", sourceLabel], ["Category", cat.label], ["Price", "Free"], ["License", "Personal use — credit appreciated"], ["Engine", "Roblox 2025+"], ["Updated", p.updated], ].map(([k,v]) => (
{k}
{v}
))}
{/* Buy panel (now just Download panel) */}
{related.length > 0 && (
{related.map(r => go(`/p/${r.id}`)} />)}
)}
); } const codeStyle = { fontFamily: "var(--mono)", fontSize: 11, padding: "1px 5px", background: "var(--accent-soft)", color: "var(--accent)", borderRadius: 3, }; // ────────────────────────────────────────────────────────────────── // ABOUT // ────────────────────────────────────────────────────────────────── function AboutPage() { const { go } = useRouter(); const { reset } = useGate(); const cfg = window.NEKO_CONFIG; return (
{e.preventDefault();go("/");}}>NekoWebFree / About

About this hub.

NekoWebFree is a free spin-off of the main NekoShop catalog. Every system listed here is genuinely free — pulled from MediaFire links, my Roblox Create Store, and a couple of hosted web apps.

The trade

You get the systems. I get a subscriber. That's the deal. Click subscribe on the channel and the whole catalog opens up.

What's the catch?

Need help installing?

Join the Discord — most setup questions are answered there. Each system also has a video on the YouTube channel.

Open Discord ↗ YouTube tutorials ↗
Reset

Want to see the subscribe gate again (e.g. to share the page with a friend)? Click here:

); } Object.assign(window, { HomePage, BrowsePage, ProductPage, AboutPage });