Tessella documentation

Tessella is a declarative, Flutter-inspired widget framework for building user interfaces on top of pygame-ce.

An in-game HUD, built entirely out of widgets

A skill tree, driven by reactive state

See the full Gallery for more examples, or Widgets for a practical guide to each one.

Start with Installation to set up your environment, then Quickstart to get a window on screen. The Tutorial covers Tessella’s core concepts, Widgets shows how to use each widget, and the API reference documents every widget and style class in full.

Getting Started:

• Installation
  • Requirements
  • Installing
  • Setting up for development
  • Building this documentation
  • Next steps
• Quickstart
  • The game loop
  • Hello, Tessella
  • A quick tour of what’s happening
  • Next steps
• Tutorial
  • 1. Laying out a screen
  • 2. Reacting to clicks
  • 3. Reactive state with ValueNotifier and Listener
  • 4. Packaging it into a reusable widget
  • 5. Putting it in a real window
  • Where to go next
• How Tessella Works
  • Basics
  • Layout system
  • Input handling
  • Updating the UI
  • Styling
  • Debug mode
• Widgets
  • Layout & structure
  • Text & media
  • Input & interaction
  • Reactive & overlays
• Gallery
  • Complete examples
  • Styling showcase
  • Widgets

Reference:

• API Reference
  • tessella package