ADVERTISEMENTREMOVE ADS

CompKiller Ui Library

Universal script•
3 months ago
Script preview thumbnail
Script Preview
Ze
Zeta0

Description

underrated ui library I found, of course there is button toggles keybinds etc (idk why I make myself mention this over and over 😭) of course I’m going to mention the unique features in features box

Links:

GitHub Repo: https://github.com/4lpaca-pin/CompKiller/blob/main/examples/Full.luau

Example:https://github.com/4lpaca-pin/CompKiller/blob/main/examples/Full.luau

Gitbook Docs:https://cat-sus.gitbook.io/compkiller/documents/interface

Script set as the Example

Features:

  • Config Manager
  • Window Animation
  • Watermark
  • Tab Catagories
  • Different types of tabs (containers
  • singles etc)
  • And More!

Tested with

Logo of SolaraSolaraLogo of CrypticCrypticLogo of WaveWaveLogo of CodexCodexLogo of CeleryCeleryLogo of DeltaDeltaLogo of Trigon EvoTrigon EvoLogo of MacsploitMacsploitLogo of Synapse ZSynapse ZLogo of AWP.GGAWP.GGLogo of Cryptic WindowsCryptic WindowsLogo of XenoXenoLogo of IllusionIllusion
ADVERTISEMENTREMOVE ADS
505 Lines • 9.99 KiB
Raw
--[[
Example Compkiller UI
Author: 4lpaca
Press Left Alt to open / close
]]
local Compkiller = loadstring(game:HttpGet("https://raw.githubusercontent.com/4lpaca-pin/CompKiller/refs/heads/main/src/source.luau"))();
-- Create Notification --
local Notifier = Compkiller.newNotify();
-- Create Config Mamager --
local ConfigManager = Compkiller:ConfigManager({
Directory = "Compkiller-UI",
Config = "Example-Configs"
});
-- Loading UI (Icon <string> , Duration <number>) --
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 [PC, Mobile].
TextSize = 15,
});
-- Notification --
Notifier.new({
Title = "Notification",
Content = "Thank you for use this script!",
Duration = 10,
Icon = "rbxassetid://120245531583106"
});
-- Watermark --
local Watermark = Window:Watermark();
Watermark:AddText({
Icon = "user",
Text = "4lpaca",
});
Watermark:AddText({
Icon = "clock",
Text = Compkiller:GetDate(),
});
local Time = Watermark:AddText({
Icon = "timer",
Text = "TIME",
});
task.spawn(function()
while true do task.wait()
Time:SetText(Compkiller:GetTimeNow());
end
end)
Watermark:AddText({
Icon = "server",
Text = Compkiller.Version,
});
-- Creating Tab Category --
Window:DrawCategory({
Name = "Example"
});
-- Creating Tab --
local NormalTab = Window:DrawTab({
Name = "Example Tab",
Icon = "apple",
EnableScrolling = true
});
-- Creating Section --
local NormalSection = NormalTab:DrawSection({
Name = "Section",
Position = 'left'
});
local Toggle = NormalSection:AddToggle({
Name = "Toggle",
Flag = "Toggle_Example", -- Leave it blank will not save to config
Default = false,
Callback = print,
});
-- Add Keybind To Toggle --
local Keybind = Toggle.Link:AddKeybind({
Default = "E",
Flag = "Option_Keybind",
Callback = print
});
-- Helper --
Toggle.Link:AddHelper({
Text = "Very cool toggle!"
})
-- Add Option To Toggle --
local Toggle2 = NormalSection:AddToggle({
Name = "Toggle",
Flag = "Toggle_Example2", -- Leave it blank will not save to config
Default = false,
Callback = print,
});
local Option = Toggle2.Link:AddOption()
Option:AddToggle({
Name= "Example",
Flag = "Toggle_Example3",
Callback = print
});
do
local Toggle2 = NormalSection:AddToggle({
Name = "Risky Feature",
Flag = "Toggle_Example5", -- Leave it blank will not save to config
Default = false,
Risky = true,
Callback = print,
});
local Option = Toggle2.Link:AddOption()
Option:AddToggle({
Risky = true,
Name= "Risky Feature",
Flag = "Toggle_Example6",
Callback = print
});
end
NormalSection:AddKeybind({
Name = "Keybind",
Default = "LeftAlt",
Flag = "Keybind_Example",
Callback = print,
});
NormalSection:AddSlider({
Name = "Slider",
Min = 0,
Max = 100,
Default = 50,
Round = 0,
Flag = "Slider_Example",
Callback = print
});
NormalSection:AddColorPicker({
Name = "ColorPicker",
Default = Color3.fromRGB(0, 255, 140),
Flag = "Color_Picker_Example",
Callback = print
})
NormalSection:AddDropdown({
Name = "Single Dropdown",
Default = "Head",
Flag = "Single_Dropdown",
Values = {"Head","Body","Arms","Legs"},
Callback = print
})
NormalSection:AddDropdown({
Name = "Multi Dropdown",
Default = {"Head"},
Multi = true,
Flag = "Multi_Dropdown",
Values = {"Head","Body","Arms","Legs"},
Callback = print
})
NormalSection:AddButton({
Name = "Button",
Callback = function()
print('PRINT!')
end,
})
NormalSection:AddParagraph({
Title = "Paragraph",
Content = "Very cool paragraph\nAll element in this scrtion\nwill be saved to the config!"
})
NormalSection:AddTextBox({
Name = "Textbox",
Placeholder = "Placeholder",
Default = "Hello, World",
Callback = print
})
local DrawElements = function(Tab,Position)
do
local NormalSectionRight = Tab:DrawSection({
Name = "Section",
Position = Position
});
local Toggle = NormalSectionRight:AddToggle({
Name = "Toggle",
Default = false,
Callback = print,
});
-- Add Keybind To Toggle --
local Keybind = Toggle.Link:AddKeybind({
Default = "E",
Callback = print
});
-- Add Option To Toggle --
local Toggle2 = NormalSectionRight:AddToggle({
Name = "Toggle",
Default = false,
Callback = print,
});
local Option = Toggle2.Link:AddOption()
Option:AddToggle({
Name= "Example",
Callback = print
});
NormalSectionRight:AddKeybind({
Name = "Keybind",
Default = "LeftAlt",
Callback = print,
});
NormalSectionRight:AddSlider({
Name = "Slider",
Min = 0,
Max = 100,
Default = 50,
Round = 0,
Callback = print
});
NormalSectionRight:AddColorPicker({
Name = "ColorPicker",
Default = Color3.fromRGB(0, 255, 140),
Callback = print
})
NormalSectionRight:AddDropdown({
Name = "Single Dropdown",
Default = "Head",
Values = {"Head","Body","Arms","Legs"},
Callback = print
})
NormalSectionRight:AddDropdown({
Name = "Multi Dropdown",
Default = {"Head"},
Multi = true,
Values = {"Head","Body","Arms","Legs"},
Callback = print
})
NormalSectionRight:AddButton({
Name = "Button",
Callback = function()
print('PRINT!')
end,
})
NormalSectionRight:AddParagraph({
Title = "Paragraph",
Content = "Very cool paragraph\nAll elements in this section\nwill not be save to the config"
})
end;
end;
DrawElements(NormalTab,'right')
-- Single Tab --
local SingleTab = Window:DrawTab({
Name = "Single Tab",
Icon = "banana",
Type = "Single"
});
DrawElements(SingleTab,'left')
-- Container Tab --
local ContainerTab = Window:DrawContainerTab({
Name = "Extract Tabs",
Icon = "contact",
});
local ExtractTab = ContainerTab:DrawTab({
Name = "Tab 1",
Type = "Double"
});
local SingleExtractTab = ContainerTab:DrawTab({
Name = "Tab 2",
Type = "Single",
EnableScrolling = true, -- this will make tab can scrolling (recommend)
});
DrawElements(ExtractTab,"left");
DrawElements(ExtractTab,"right");
DrawElements(SingleExtractTab,"left");
DrawElements(SingleExtractTab,"right");
Window:DrawCategory({
Name = "Misc"
});
local SettingTab = Window:DrawTab({
Icon = "settings-3",
Name = "Settings",
Type = "Single",
EnableScrolling = true
});
local ThemeTab = Window:DrawTab({
Icon = "paintbrush",
Name = "Themes",
Type = "Single"
});
local Settings = SettingTab:DrawSection({
Name = "UI Settings",
});
Settings:AddToggle({
Name = "Alway Show Frame",
Default = false,
Callback = function(v)
Window.AlwayShowTab = v;
end,
});
Settings:AddColorPicker({
Name = "Highlight",
Default = Compkiller.Colors.Highlight,
Callback = function(v)
Compkiller.Colors.Highlight = v;
Compkiller:RefreshCurrentColor();
end,
});
Settings:AddColorPicker({
Name = "Toggle Color",
Default = Compkiller.Colors.Toggle,
Callback = function(v)
Compkiller.Colors.Toggle = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "Drop Color",
Default = Compkiller.Colors.DropColor,
Callback = function(v)
Compkiller.Colors.DropColor = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "Risky",
Default = Compkiller.Colors.Risky,
Callback = function(v)
Compkiller.Colors.Risky = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "Mouse Enter",
Default = Compkiller.Colors.MouseEnter,
Callback = function(v)
Compkiller.Colors.MouseEnter = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "Block Color",
Default = Compkiller.Colors.BlockColor,
Callback = function(v)
Compkiller.Colors.BlockColor = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "Background Color",
Default = Compkiller.Colors.BGDBColor,
Callback = function(v)
Compkiller.Colors.BGDBColor = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "Block Background Color",
Default = Compkiller.Colors.BlockBackground,
Callback = function(v)
Compkiller.Colors.BlockBackground = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "Stroke Color",
Default = Compkiller.Colors.StrokeColor,
Callback = function(v)
Compkiller.Colors.StrokeColor = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "High Stroke Color",
Default = Compkiller.Colors.HighStrokeColor,
Callback = function(v)
Compkiller.Colors.HighStrokeColor = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "Switch Color",
Default = Compkiller.Colors.SwitchColor,
Callback = function(v)
Compkiller.Colors.SwitchColor = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddColorPicker({
Name = "Line Color",
Default = Compkiller.Colors.LineColor,
Callback = function(v)
Compkiller.Colors.LineColor = v;
Compkiller:RefreshCurrentColor(v);
end,
});
Settings:AddButton({
Name = "Get Theme",
Callback = function()
print(Compkiller:GetTheme())
Notifier.new({
Title = "Notification",
Content = "Copied Them Color to your clipboard",
Duration = 5,
Icon = "rbxassetid://120245531583106"
});
end,
});
ThemeTab:DrawSection({
Name = "UI Themes"
}):AddDropdown({
Name = "Select Theme",
Default = "Default",
Values = {
"Default",
"Dark Green",
"Dark Blue",
"Purple Rose",
"Skeet"
},
Callback = function(v)
Compkiller:SetTheme(v)
end,
})
-- Creating Config Tab --
local ConfigUI = Window:DrawConfig({
Name = "Config",
Icon = "folder",
Config = ConfigManager
});
ConfigUI:Init();
ADVERTISEMENTREMOVE ADS

Comments

2 comments
to add a comment
we
@wearetheone

bro i was gonna release it first

1
0
Ze
@Zeta0

@NeuroCorp rip 💀

0
0
ADVERTISEMENTREMOVE ADS

Tags

Compkiller
Ui Lib
Compkiller Interface
Compkiller Ui Library
CompKiller Interface Suite