Hudini Overview
A powerful utility library with UI components and tools built on top of PhaserWind.
Hudini
A powerful utility library with UI components and tools built on top of PhaserWind. Create beautiful, responsive game interfaces with ease.
Key Features
Beautiful UI Components
Pre-built components for buttons, cards, progress bars, and more
Responsive Design
Components that adapt to different screen sizes and orientations
High Performance
Optimized for 60fps gameplay with minimal overhead
Easy to Use
Simple API with TypeScript support and comprehensive documentation
Customizable
Extensive theming options and customization capabilities
Built on PhaserWind
Leverages PhaserWind's theming system and design tokens
Components
Card
Flexible container component that adapts to its content
Text Button
Interactive button with text content and hover effects
Icon Button
Button component with icon support and customizable styling
Alert
Semantic notification banner â success, error, warning, info, neutral
Badge
Flat labeled box â panel titles, tags, status pills
Checkbox
Toggleable form control with custom icon, disabled/readOnly, and a pop animation
Toggle
Sliding switch with per-state icons that cross-fade â daisyUI-style
Radio
Single-selection with a RadioGroup factory â layout-free grouping, custom icons per option
Circular Progress
Circular progress indicator with smooth animations
Linear Progress
Horizontal progress bar with customizable styling
Radial Progress
Radial progress indicator with customizable arc
Column
Vertical layout container for organizing content
Row
Horizontal layout container for organizing content
Stack
Row or Column layout with optional background â daisyUI-style flex container
Dock
Bottom-navigation bar with icon+label items and a controlled active state
Sized Box
Container with specific dimensions for spacing and layout
Installation
npm install hudiniHudini requires PhaserWind as a peer dependency. Make sure to install both packages.