Phaser Wind Overview

A theming system and utility library for Phaser 3 games with Tailwind-inspired design tokens.

Phaser Wind

A theming system and utility library for Phaser 3 games with Tailwind-inspired design tokens. Create consistent, beautiful games with a powerful design system.

Key Features

🎨

Design Tokens

Consistent color, spacing, and typography tokens inspired by Tailwind CSS

đŸŒĒī¸

Theming System

Powerful theming system with light/dark mode support and custom themes

⚡

High Performance

Optimized for 60fps gameplay with minimal overhead and memory usage

🔧

Utility Functions

Helper functions for common game development tasks and calculations

📱

Responsive Design

Built-in responsive design utilities for different screen sizes

đŸŽ¯

TypeScript Support

Full TypeScript support with comprehensive type definitions

Design Tokens

Color Palette

blue-500
green-500
red-500
yellow-500
purple-500
gray-500

Spacing Scale

1 (4px)
2 (8px)
4 (16px)
6 (24px)
8 (32px)
12 (48px)

Installation

npm install phaser-wind

Phaser Wind is designed to work seamlessly with Phaser 3 and provides a complete theming solution for your games.