What's new in v0.1.0

v0.1.0 May 20, 2026

First tracked release. Early beta. Earlier history not recorded — see git log for changes prior to release-tracker adoption.

Diagrammer Demo

Documentation

Filament Diagrammer is in active development

Coming Soon

You can explore the page below to see what's coming. Want a heads-up when it ships? Drop your email and we'll email you the moment v0.1.0 lands on Packagist.

Class Diagram Demo

UML-style class diagram built entirely with inline fluent API — no NodeType class required. Drag nodes to reposition, click connection endpoints to create links, and use the toolbar controls. Right-click for context menu, Shift+Click or rubber-band to multi-select, and check Settings to enable minimap and alignment guides.

Class #user-class

User

Properties html

+id: int

+name: string

+email: string

+password: string

Methods html

+orders(): HasMany

+save(): void

+delete(): bool

Class #order-class

Order

Properties html

+id: int

+user_id: int FK

+total: decimal

+status: string

Methods html

+items(): HasMany

+user(): BelongsTo

+calculateTotal(): decimal

Class #product-class

Product

Properties html

+id: int

+name: string

+price: decimal

+stock: int

Methods html

+orderItems(): HasMany

+save(): void

+updateStock(int): void

Class #orderitem-class

OrderItem

Properties html

+id: int

+order_id: int FK

+product_id: int FK

+qty: int

+price: decimal

Methods html

+order(): BelongsTo

+product(): BelongsTo

Features Overview

Diagram Nodes

Define nodes with header, body, footer, and sidebars using Filament schema components.

Connections

Connect nodes with bezier, straight, step, or flowchart connectors. Labels, values, and closures.

Canvas & Grid

Configurable canvas with dots/lines/cross grid, zoom, pan, and snap-to-grid.

Node Shapes

8 shape types: rectangle, circle, ellipse, diamond, triangle, hexagon, parallelogram, rounded.

Filament Actions

Attach Filament actions to node sections. Open slide-overs and modals from diagram nodes.

Node Layout

Header, body, footer + left/right sidebars. Each section has its own schema and actions.

Context Menu

Right-click on nodes, connections, or canvas for context-specific actions. Fully configurable with custom items.

Multi-Select & Rubber-Band

Shift/Ctrl+click or drag to rubber-band select multiple nodes. Multi-drag moves the group together.

Minimap & Alignment

Minimap overview for navigation. Snap-to-alignment guides appear when dragging near other node edges.

Live Code Example

This code updates live as you change the settings above. Copy it into your Filament page: