PixelUI Framework - Comprehensive UI Library for ComputerCraft

Core Capabilities

Powerful Features

Everything you need to build professional UIs for ComputerCraft with modern design patterns and advanced functionality

30+ Premium Widgets

The most comprehensive widget library for ComputerCraft. From simple buttons to complex charts, every component is crafted with attention to detail and modern UX principles.

                                
                                Input Controls
                            
                                Data Visualization
                            
                                Navigation Components
                            
                                Layout Containers

                                        
Widget Gallery

                                            Button
                                        
                                            Input
                                        
                                            Chart
                                        
                                            Slider
                                        
                                            Modal
                                        
                                            Tabs

Animation Engine

Smooth, hardware-accelerated animations with custom easing functions, property chaining, and completion callbacks for dynamic UIs.

Easing Functions Property Chaining Performance Optimized

Smart Layouts

Flexible layout system with automatic positioning, responsive design, and intelligent spacing calculations.

Auto-positioning Responsive

Scrollable Containers WIP

Advanced scrollable containers with smooth scrolling, custom scrollbars, and mouse wheel support.

Mouse Wheel Custom Scrollbars

Advanced Events

Complete event system with mouse, keyboard, touch, drag, and focus events with proper event propagation.

Event Bubbling Touch Support

Theming System

Comprehensive theming with color schemes, dark/light modes, and per-widget style customization.

Dark/Light Mode Custom Colors

Plugin Ecosystem

Extensible plugin architecture for custom widgets, themes, and functionality with hot-reloading support.

Hot Reloading Community Plugins

60fps

Smooth Animations

100%

Lua Native

Dependencies

Comprehensive Library

Widget Library

Explore our comprehensive collection of 30+ UI widgets designed for ComputerCraft. From simple buttons to complex charts, every widget is optimized for performance and beauty.

Filter by Category

Need More Widgets?

Explore our plugin ecosystem for additional widgets created by the community, or learn how to create your own custom widgets.

Browse Plugins Widget API Docs

Getting Started

Start building amazing UIs in just a few steps

Download PixelUI

Download the pixelui.lua file and place it in your ComputerCraft computer.

wget https://github.com/Shlomo1412/PixelUI/raw/main/pixelui.lua

Initialize PixelUI

Require the framework and initialize it in your program.

local PixelUI = require("pixelui")
PixelUI.init()

Create Widgets

Start creating widgets and building your UI.

PixelUI.label({ 
    x = 2, y = 2, 
    text = "Hello, PixelUI!", 
    color = colors.cyan 
})

PixelUI.button({ 
    x = 2, y = 4, 
    text = "Click Me", 
    onClick = function() 
        print("Button clicked!") 
    end 
})

Run Your App

Start the event loop and enjoy your beautiful UI!

PixelUI.run()

Live Examples

Examples Gallery

See PixelUI in action with these real-world examples showcasing the power and flexibility of the framework

15+ Example Projects

8 Widget Categories

Animation System

Smooth property animations with easing functions, chaining, and callbacks for dynamic UI effects.

Animation Easing Dynamic

Line Chart Visualization

Real-time data visualization with interactive line charts, customizable colors, and smooth animations.

Charts Data Viz Animation

Interactive Tab Control

Animated tab interface with smooth transitions, multiple content panels, and responsive design.

Navigation Animation Tabs

Loading Indicators

Animated loading bars with progress indication, customizable styles, and smooth transitions.

Loading Progress Animation

Drag & Drop Interface

Smooth drag-and-drop functionality with visual feedback, window positioning, and intuitive user interaction.

Drag & Drop Animation UX

Animated Spinners

Multiple spinner styles with customizable animations, colors, and speeds for loading states.

Spinners Loading Animation

ComboBox Selection

Dropdown selection interface with scrollable options, search functionality, and clean styling.

Input Selection UI

Container Layouts

Organized layout containers with child widgets, borders, and flexible arrangement options.

Layout Container Organization

List View Widget

Scrollable list interface with item selection, highlighting, and keyboard navigation support.

List Selection Navigation

Progress Indicators

Visual progress bars with customizable colors, value display, and smooth progress animation.

Progress Feedback Animation

Toggle Switches

Modern toggle switches with smooth animations, labels, and state management for boolean settings.

Toggle Animation Settings

Checkbox Controls

Interactive checkboxes with labels, state management, and form integration capabilities.

Input Forms Boolean

Radio Button Groups

Radio button groups for single selection from multiple options with clear visual feedback.

Radio Selection Groups

Group Box Layouts

Organized grouping containers with titles, borders, and logical widget arrangement.

Layout Grouping Organization

Message Box Dialog

Modal message dialogs with custom buttons, icons, and user interaction handling.

Modal Dialog UX

API Reference

Complete reference for all PixelUI widgets and functions

Comprehensive Documentation

Explore detailed documentation for all 30+ widgets, functions, and features in our dedicated API reference page.

Complete widget reference
Searchable documentation
Code examples for every widget
Event handling guide

View Full API Documentation

API Reference

Extensible Plugin System

Extend PixelUI with custom widgets, themes, and functionality through our powerful plugin architecture

Build Beyond the Core

PixelUI's plugin system allows you to create custom widgets, add new themes, implement animations, and extend the framework with your own functionality. Plugins integrate seamlessly with the core framework and can be shared with the community.

35+ Built-in Widgets

∞ Custom Plugins

4 Plugin Types

PixelUI Core

Widgets

Themes

Hooks

API

Plugin Types

Widget Plugins

Create custom UI widgets with full integration into the PixelUI system, including event handling, theming, and animation support.

Custom Rendering Event Integration Theme Support

Theme Plugins

Design custom color schemes and visual styles that can be applied to any PixelUI application with a single line of code.

Color Schemes Visual Styles Easy Application

Hook Plugins

Extend framework behavior by hooking into core events and lifecycle methods, perfect for adding logging, analytics, or custom behaviors.

Event Hooks Lifecycle Control Behavior Extension

API Extensions

Add new functionality to the PixelUI API, creating helper functions, utilities, and enhanced features that other plugins can use.

API Enhancement Utility Functions Shared Libraries

Plugin Development

Create Plugin Structure

Start with a simple plugin template that includes metadata, initialization, and your custom functionality.

Implement Features

Add your widgets, themes, or extensions using PixelUI's comprehensive plugin API and lifecycle hooks.

Load & Test

Load your plugin into PixelUI and test it with real applications. Debug and refine using built-in development tools.

my-plugin.lua

                                    -- Plugin Example
                                
                                    local plugin = {
                                
                                      name = "CustomWidget",
                                
                                      version = "1.0.0",
                                
                                      type = "widget"
                                
                                    }
                                
                                    function plugin.init()
                                
                                      -- Plugin initialization
                                
                                    end

Plugin System Features

Auto-Loading

Plugins are automatically discovered and loaded from multiple sources including files, directories, and URLs.

Dependency Management

Plugins can specify dependencies and the system ensures proper loading order and compatibility.

Lifecycle Hooks

Full lifecycle management with initialization, activation, deactivation, and cleanup hooks.

Safe Sandboxing

Plugins run in controlled environments with access to approved APIs while maintaining system security.

Hot Reloading

Develop and test plugins with instant reloading during development for faster iteration cycles.

Rich Documentation

Comprehensive API reference, examples, and guides for plugin development and best practices.

Ready to Extend PixelUI?

Explore our comprehensive plugin documentation and start building your own extensions today.

Plugin Documentation Plugin Showcase Browse Examples

DatePicker

ChartWidget

MapViewer

AudioPlayer

Build Amazing UIs for ComputerCraft

Powerful Features

30+ Premium Widgets

Animation Engine

Smart Layouts

Scrollable Containers WIP

Advanced Events

Theming System

Plugin Ecosystem

Widget Library

Filter by Category

No widgets found

Need More Widgets?

Getting Started

Download PixelUI

Initialize PixelUI

Create Widgets

Run Your App

Examples Gallery

Animation System

Line Chart Visualization

Interactive Tab Control

Loading Indicators

Drag & Drop Interface

Animated Spinners

ComboBox Selection

Container Layouts

List View Widget

Progress Indicators

Toggle Switches

Checkbox Controls

Radio Button Groups

Group Box Layouts

Message Box Dialog

API Reference

Comprehensive Documentation

Extensible Plugin System

Build Beyond the Core

Plugin Types

Widget Plugins

Theme Plugins

Hook Plugins

API Extensions

Plugin Development

Create Plugin Structure

Implement Features

Load & Test

Plugin System Features

Auto-Loading

Dependency Management

Lifecycle Hooks

Safe Sandboxing

Hot Reloading

Rich Documentation

Ready to Extend PixelUI?

Ready to get started?