drip_thumb1280×720 158 KB

DRIP - Drawn Interface Pack

A lightweight collection of standalone drawn UI components.
Each component is a single file with no dependencies - use one, some, or all of them.

Preview

A full video preview is not really needed here.
It is self explanatory, build a component, use it with key controls, call it a day.

image1282×752 86.9 KB

Components

All components share the same patterns - identical helpers, style = {} overrides, and consistent structure.

How to Use DRIP

Option A - Standalone Resource

Drop the drip folder into your resources, ensure drip in server.cfg, then call via exports from any resource:

exports.drip:send_notification({header = "Info", type = "info", message = "Hello.", duration = 3000})
exports.drip:open_menu({id = "main", root = "menu_1", menus = {...}})
exports.drip:show_panel({id = "hud", title = "Status", lines = {...}})
exports.drip:open_input({title = "Give Item", inputs = {...}})

Option B - Embedded Library

Copy the drip/components/ folder into your resource, for example into a libs/drip/ folder, then add to your fxmanifest.lua:

client_scripts {
    "libs/drip/*.lua"
}

Functions are then available directly in your resource scope via the drip namespace:

drip.send_notification({header = "Info", type = "info", message = "Hello.", duration = 3000})
drip.open_menu({id = "main", root = "menu_1", menus = {...}})
drip.show_panel({id = "hud", title = "Status", lines = {...}})
drip.open_input({title = "Give Item", inputs = {...}})

Option C - Single File

Take only the component you need, drop it into your resource, and call the functions directly:

-- fxmanifest.lua
client_scripts {
    "notify.lua",
    "my_script.lua"
}

-- my_script.lua
send_notification({header = "Success", type = "success", message = "Done.", duration = 3000})

No extra setup. No dependencies. It just works.

Quick Install

1. Download the latest release from Releases
2. Drop the drip folder into your resources directory.
3. Add ensure drip to server.cfg
4. Start refresh; ensure drip or Restart server

Notes

This resource uses Draw functions entirely to create UI elements.
Do not cry about the client side ms.
This is not intended to be used as full forward facing UI, more for debug/dev use.

Support

Need help? Found a bug? Got feedback?

👉 Discord

Support Hours: Mon–Fri, 10AM–10PM GMT
Outside those hours? Leave a message. I’ll get to it when I’m back.