Developer Platform
Build with CfxNatives
Drop-in widgets and public API for FiveM community sites. One script tag, zero configuration.
Overview
Who is this for?
Resource DocsAuto-link native names in code blocks with hover tooltips.
Forums & WikisEmbed a search box so users find natives without leaving your site.
TutorialsShow native info cards inline — signature, params, examples.
Tebex / StoresShowcase which natives your resource uses — builds buyer trust.
01
Auto-Linker
Detects native names in <code> / <pre> blocks, wraps them in links, and shows tooltips on hover.
Zero Config~3 KBSPA ReadySEO Backlinks
Quick StartHTML
<script src="https://cfxnatives.dev/widget/autolink.js" defer></script>Whitelist / BlacklistHTML
<!-- Auto-linked -->
<pre>
local ped = GetPlayerPed(-1)
</pre>
<!-- Skipped -->
<pre data-nativehub-ignore>
local ped = GetPlayerPed(-1)
</pre>Options
| Attribute | Values | Default |
|---|---|---|
data-theme | dark · light | dark |
data-selector | CSS selector | pre, code |
data-only | true — opt-in mode | false |
data-no-style | true — BYO styles | false |
LiveHover over native names below
Lua-- esx_vehicleshop example local playerPed = GetPlayerPed(-1) local coords = GetEntityCoords(playerPed) local vehicle = CreateVehicle(model, coords.x, coords.y, coords.z, 90.0, true, false) SetVehicleNumberPlateText(vehicle, "CFXDEV") SetEntityHeading(vehicle, 180.0) SetPedIntoVehicle(playerPed, vehicle, -1) -- Freeze the vehicle temporarily FreezeEntityPosition(vehicle, true) Wait(2000) FreezeEntityPosition(vehicle, false)
Loading auto-linker…
Native names become clickable links with hover tooltips showing the full signature.
02
Search Widget
Drop-in search box that queries cfxnatives.dev in real-time. Results link directly to native documentation.
~4 KBDebouncedDark / LightKeyboard Nav
Quick StartHTML
<div id="nativehub-search"></div>
<script src="https://cfxnatives.dev/widget/search.js" defer></script>React / Next.jsTSX
'use client';
import { useEffect, useRef } from 'react';
export function NativeSearch() {
const ref = useRef<HTMLDivElement>(null);
useEffect(() => {
const s = document.createElement('script');
s.src = 'https://cfxnatives.dev/widget/search.js';
s.defer = true;
s.setAttribute('data-target', 'nh-search');
s.setAttribute('data-theme', 'dark');
document.body.appendChild(s);
return () => { document.body.removeChild(s); };
}, []);
return <div id="nh-search" ref={ref} />;
}Options
| Attribute | Values | Default |
|---|---|---|
data-theme | dark · light | dark |
data-target | Element ID | nativehub-search |
data-placeholder | Custom text | Search FiveM natives... |
data-limit | 1–25 | 8 |
LiveTry searching for a native
WidgetLoading search widget…
Type a native name and use arrow keys to navigate. Press Enter to open.
03
Embed Card
Native info card via iframe — signature, parameters, framework badges, all in a self-contained card.
Zero JSResponsiveDark / LightAny Native
Basic EmbedHTML
<iframe
src="https://cfxnatives.dev/embed/GET_PLAYER_PED"
width="100%"
height="auto"
frameborder="0"
style="border-radius: 12px"
></iframe>LiveGET_PLAYER_PED
iframeClick a native above to preview its embed card. Use the iframe code to embed any native.
04
Public Endpoints
CORS-enabled, CDN-cached. No API keys required.
RESTNo AuthCDN Cached
GET
/api/natives/lookupLook up a single native by name. Returns full signature, parameters, namespace, and direct URL.
Query ParamJSON ResponseCDN Cached
ExampleHTTP
GET https://cfxnatives.dev/api/natives/lookup?name=GetPlayerPed
{
"found": true,
"native": {
"name": "GET_PLAYER_PED",
"hash": "0xD80958FC74E988A0",
"namespace": "PED",
"returnType": "Ped",
"params": [{ "name": "playerId", "type": "Player" }],
"url": "https://cfxnatives.dev/natives/GET_PLAYER_PED"
}
}GET
/api/natives/searchSearch natives by name or description. Supports limit param for pagination.
Full-textPaginatedFast
ExampleHTTP
GET https://cfxnatives.dev/api/natives/search?q=vehicle&limit=3
{
"count": 3,
"results": [
{ "name": "CREATE_VEHICLE", "hash": "0xAF35D0D2583051B0" },
{ "name": "DELETE_VEHICLE", "hash": "0xCEA7C8E1B3BD1F53" },
...
]
}GET
/api/nativesFull data dump of all natives. ETag support for conditional requests, 1 hour CDN cache.
ETag1h CacheBulk
cURLBASH
curl -s "https://cfxnatives.dev/api/natives/lookup?name=GetPlayerPed" | jq .JavaScriptJS
const res = await fetch(
'https://cfxnatives.dev/api/natives/lookup?name=CreateVehicle'
);
const { native } = await res.json();
console.log(native.name, native.params);PythonPY
import requests
r = requests.get("https://cfxnatives.dev/api/natives/search", params={"q": "vehicle"})
for n in r.json()["results"]:
print(n["name"])Rate Limiting
30 req / min per IP
30req / min
429when exceeded
60ssliding window