# Interface

> Buttons, radial menus, responsive layout, hit testing and motion for canvas interfaces.

Source: https://pixi-silk.schmooky.dev/docs/ui/

Ready-made widgets for canvas interfaces, each under its own pixi-silk/ui entry point.

Layout places them on portrait and landscape screens. Interaction and motion cover hit testing, springs and the odometer.

## 01. Radial menus and buttons

RadialMenu is a marking menu with nested rings and per-device tuning. SilkButton animates in and out and ignores input while it moves or is busy.

Guide: https://pixi-silk.schmooky.dev/docs/radial-menus-and-buttons/

## 02. Layout and smart containers

Place blocks on portrait and landscape screens with SmartContainer records and breakpoints, then lay out what is inside them with flexbox. pixi-silk/ui/layout.

Guide: https://pixi-silk.schmooky.dev/docs/layout/

## 03. Interaction and motion

Pointer events test the painted shape, so rings are hollow and lines react only on their stroke. damp, Spring and ease move things the same at any refresh rate.

Guide: https://pixi-silk.schmooky.dev/docs/interaction-and-motion/