Interface

This will help you use compkiller UI

Import Library

local Compkiller = loadstring(game:HttpGet("https://raw.githubusercontent.com/4lpaca-pin/CompKiller/refs/heads/main/src/source.luau"))();

Config Manager

local ConfigManager = Compkiller:ConfigManager({
	Directory = "Compkiller-UI",
	Config = "Example-Configs",
});

Directory: Folder in workspace
Config: Config Folder for your script

Loading Animation

Compkiller:Loader("rbxassetid://120245531583106", 2.5).yield();

Creating Window

local Window = Compkiller.new({
	Name = "COMPKILLER",
	Keybind = "LeftAlt",
	Logo = "rbxassetid://120245531583106",
	Scale = Compkiller.Scale.Window, -- Leave blank if you want automatic scale for PC and Mobile.
	TextSize = 15,
});

Creating Watermark

local Watermark = Window:Watermark();

local Time = Watermark:AddText({
	Icon = "timer",
	Text = "TIME",
});

task.spawn(function()
	while true do task.wait()
		Time:SetText(Compkiller:GetTimeNow());
	end
end)

Creating Tab Category

Window:DrawCategory({
	Name = "Category"
});

Creating Tab (Normal)

local NormalTab = Window:DrawTab({
	Name = "Example Tab",
	Icon = "apple",
});

Creating Tab (Single)

local NormalTab = Window:DrawTab({
	Name = "Example Tab",
	Icon = "apple",
	Type = "Single",
});

Creating Container Tab

Container Tab Preview

local ContainerTab = Window:DrawContainerTab({
	Name = "Extract Tabs",
	Icon = "contact",
});

-- Creating Tab (Normal) --
local ExtractTab = ContainerTab:DrawTab({
	Name = "Tab 1",
	Type = "Double"
});

-- Creating Tab (Single) --
local SingleExtractTab = ContainerTab:DrawTab({
	Name = "Tab 2",
	Type = "Single",
	EnableScrolling = true, -- this will make tab can scrolling (recommend)
});

Creating Section

local NormalSection = NormalTab:DrawSection({
	Name = "Section",
	Position = 'left'	
});

Creating Toggle

local Toggle = NormalSection:AddToggle({
	Name = "Toggle",
	Flag = "Toggle_Example", -- Leave it blank will not save to config (ALL ELEMENTS)
	Default = false,
	Callback = print,
});

Element Link

Example

Link is available for Toggle Slider Keybind Color Picker

Link Keybind

Element.Link:AddKeybind({
	Default = "E",
	Flag = "Option_Keybind",
	Callback = print
});

Link Helper

Element.Link:AddHelper({
	Text = "Helper Text"
})

Link Color Picker

Element.Link:AddColorPicker({
	Default = Color3.fromRGB(255,255,255),
	Callback = print
})

Link Option

Link Option Preview

"Option" it's "Section" but in "element"

local Option = Toggle.Link:AddOption()

Option:AddToggle({
	Name = "Toggle in option!",
	Callback = print
})

Creating Keybind

NormalSection:AddKeybind({
	Name = "Keybind",
	Default = "LeftAlt",
	Flag = "Keybind_Example",
	Callback = print,
});

Creating Slider

NormalSection:AddSlider({
	Name = "Slider",
	Min = 0,
	Max = 100,
	Default = 50,
	Round = 0,
	Flag = "Slider_Example",
	Callback = print
});

Creating ColorPicker

NormalSection:AddColorPicker({
	Name = "ColorPicker",
	Default = Color3.fromRGB(0, 255, 140),
	Flag = "Color_Picker_Example",
	Callback = print
})

Creating Dropdown

NormalSection:AddDropdown({
	Name = "Single Dropdown",
	Default = "Head",
	Flag = "Single_Dropdown",
	Values = {"Head","Body","Arms","Legs"},
	Callback = print
})

Multi Dropdown

NormalSection:AddDropdown({
	Name = "Multi Dropdown",
	Default = {"Head"},
	Multi = true,
	Flag = "Multi_Dropdown",
	Values = {"Head","Body","Arms","Legs"},
	Callback = print
})

Creating Button

NormalSection:AddButton({
	Name = "Button",
	Callback = function()
		print('PRINT!')
	end,
})

Creating Paragraph

NormalSection:AddParagraph({
	Title = "Paragraph",
	Content = "Very cool paragraph"
})

Creating Config Tab

local ConfigUI = Window:DrawConfig({
	Name = "Config",
	Icon = "folder",
	Config = ConfigManager, -- Config Manager (required)
});

ConfigUI:Init();

Config Tab Preview

Config Manager

Write Config

write current value to config

ConfigManager:WriteConfig({
	Name = "Config Name",
	Author = "Creator Name"
})

Read Info

read config info. Ex: Author and Created date

ConfigManager:ReadInfo("<Config Name>")

Load Config

Load the config in directory

ConfigManager:LoadConfig("<Config Name>")

Delete Config

Delete the config in directory

ConfigManager:DeleteConfig("<Config Name>")

Get Configs

get all configs in directory

ConfigManager:GetConfigs()

Directory Path

config directory path

ConfigManager.Directory