https://github.com/frozenproductions/frost-ui

A lightweight, customizable menu library for creating interactive user interfaces in userscripts. It provides a clean, modern design with support for various input types and keybinds.
https://github.com/frozenproductions/frost-ui

library menu-generator ui userscript userscript-library web

Last synced: about 1 month ago
JSON representation

A lightweight, customizable menu library for creating interactive user interfaces in userscripts. It provides a clean, modern design with support for various input types and keybinds.

• Host: GitHub
• URL: https://github.com/frozenproductions/frost-ui
• Owner: FrozenProductions
• License: mit
• Created: 2024-12-27T07:11:58.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2025-01-03T13:05:59.000Z (about 1 month ago)
• Last Synced: 2025-01-03T14:25:24.327Z (about 1 month ago)
• Topics: library, menu-generator, ui, userscript, userscript-library, web
• Language: TypeScript
• Homepage:
• Size: 3.49 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Frost-UI

A modern, lightweight UI library crafted for userscripts

[![GitHub package.json version](https://img.shields.io/github/package-json/v/FrozenProductions/Frost-UI?style=flat-square&labelColor=%231c1c25&color=7289da)](https://github.com/FrozenProductions/Frost-UI/releases)

[![GitHub License](https://img.shields.io/github/license/FrozenProductions/Frost-UI?style=flat-square&logoColor=%237289da&labelColor=%231c1c25&color=7289da)](LICENSE)

[![GitHub code size in bytes](https://img.shields.io/github/size/FrozenProductions/Frost-UI/scripts%2FLibrary.js?style=flat-square&labelColor=%231c1c25&color=%237289da)](https://github.com/FrozenProductions/Frost-UI)

[![Documentation](https://img.shields.io/badge/docs-view%20here-7289da?style=flat-square&labelColor=%231c1c25)](DOCUMENTATION.md)



## 🌟 Overview

Frost-UI is an elegant and lightweight UI library designed specifically for userscripts. It provides a comprehensive suite of customizable components that help you create beautiful, interactive interfaces with minimal effort.







## ✨ Features

### Interactive Components

-   **Core Elements**

    -   Draggable Menus

    -   Toast Notifications

    -   Toggle Switches

    -   Sliders

    -   Buttons

    -   Radio Groups

    -   Themes

-   **Advanced Inputs**

    -   Keybind Controls

    -   Dropdown Selectors

    -   Multi-select Menus

    -   Color Pickers

    -   Page Navigation

    -   Order Lists

### Smart Management

-   Organized Category System

-   Automatic Configuration Saving

-   Keyboard Shortcut Support

-   Intelligent DOM Cleanup

## 🚀 Getting Started

### Installation

```js

// @require https://raw.githubusercontent.com/FrozenProductions/Frost-UI/main/scripts/Library.js

```

### Quick Start

```javascript

const menu = window.frostManager.addMenu(

    "uniqueId", // Unique identifier for the menu

    "Menu Title", // Display title

    { x: 100, y: 100 }, // Initial position (optional)

    "ShiftRight" // Toggle key (optional, defaults to 'ShiftRight')

);

```

## 💡 Key Features

-   **Intuitive Controls**: Toggle menus with ShiftRight (customizable)

-   **Smart Keybinds**: Automatic keybind conflict resolution

-   **Event System**: Comprehensive callback support

-   **Clean Design**: Automatic resource management

## 📚 Resources

-   [Full Documentation](DOCUMENTATION.md)

-   [Example Script](https://raw.githubusercontent.com/FrozenProductions/Frost-UI/main/scripts/example.user.js)



## 💖 Support

If you find Frost-UI helpful, consider giving it a ⭐️




Made with ❄️ by [FrozenProductions](https://github.com/FrozenProductions)