Welcome to Nova.Avalonia.UI

Nova.Avalonia.UI is a comprehensive suite of controls for Avalonia UI. The library bridges the gap between standard framework controls and the complex requirements of modern applications, providing components that are production-ready, fully themeable, and accessibility-first.

Overview

Controls

  • Avatar: Identity control supporting images, initials, icons, and status indicators with auto-generated backgrounds.
  • Badge: Notification indicator for counts, status, or dot indicators with configurable placement and overflow handling.
  • BarcodeGenerator: Generates QR codes, Data Matrix, Code 128, and other barcode formats with customizable colors and logo support.
  • FortuneBar: Slot machine style horizontal or vertical scrolling bar for random selection.
  • FortuneWheel: Circular prize wheel with smooth spin animations, weighted selection, and customizable styling strategies.
  • RatingControl: Allows users to view and set ratings using interactive items such as stars, hearts, or custom shapes.
  • Shimmer: Skeleton loading effect that detects your content layout to create matching placeholders.
  • Watermark: Tiled text or image overlay for marking documents as confidential, draft, or adding branding.

Panels

  • ArcPanel: Arranges items along an arc (partial circle) for semi-circular menus or dial interfaces.
  • AutoLayout: A layout panel inspired by Figma's Auto Layout with Orientation, Spacing, Padding, and Alignment.
  • AvatarGroup: Layout container for stacking multiple avatars with configurable overlap and overflow handling.
  • AvatarStackPanel: A specialized panel for laying out avatars with overlap.
  • BubblePanel: Packs circular items using a circle packing algorithm for dense, organic layouts.
  • CircularPanel: Arranges items evenly around a circle, perfect for radial menus or clock faces.
  • HexPanel: Layout panel that arranges items in a honeycomb hexagonal grid.
  • LoopPanel: Infinite scrolling panel with looping, inertia, and snap-to-item behavior.
  • OrbitPanel: Arranges child elements in concentric orbit rings around a center point.
  • OverlapPanel: Stacks children with configurable X/Y offsets for card pile effects.
  • RadialPanel: Arranges items in a circular or spiral fan arrangement.
  • ResponsivePanel: Adaptive panel that toggles visibility of children based on breakpoints.
  • StaggeredPanel: Positions items in a staggered grid, creating a masonry-like effect.
  • TimelinePanel: Arranges items in a timeline/step flow with connecting lines.
  • VariableSizeWrapPanel: Arranges varying-sized items in a wrapping grid.
  • VirtualizingStaggeredPanel: High-performance staggered grid for large datasets.
  • VirtualizingVariableSizeWrapPanel: High-performance variable-size tile grid for large datasets.

Requirements

  • .NET 8.0 or higher
  • Avalonia UI 11.0 or higher
Edit this page