← Back to Documentation
FUR Introduction
⚠️ Experimental - Pre-Release
FUR (Flexible UI Rules) is Perro's declarative UI markup system, similar to JSX or XAML. Write your interface structure in markup, and Perro handles the rendering.
What is FUR?
FUR allows you to define UI layouts using a simple markup syntax. It's designed to be familiar if you've used JSX (React) or XAML (WPF/UWP).
- Declarative - describe what you want, not how to build it
- Markup-based - write UI structure in text files
- Component-based - reuse UI elements
- Styled - control appearance with attributes
Basic Example
[UI] [Panel bg=sea-5 padding=4] [Text font-weight=bold text-color=white text-size=xl] Hello Perro! [/Text] [/Panel][/UI]Key Features
- Layouts and child layouts
- Panels and boxing components
- Styling and padding controls
- Text rendering with customizable fonts
- Background colors and visual styling
Next Steps
- FUR Syntax- Learn the markup syntax
- FUR Components- Available UI components
