Home API Tools Posts Hire Me About
Sign In Create Account
Livewire

wire:transition and View Transitions API in Livewire v4

February 01, 2026 1 min read 30 views

Livewire v4 uses native View Transitions API.

Basic Usage

Content that fades

Removed Modifiers


wire:transition.opacity
wire:transition.scale
wire:transition.duration.500ms

Custom CSS

::view-transition-old(modal) {
    animation: fade-out 0.3s;
}
::view-transition-new(modal) {
    animation: fade-in 0.3s;
}
Share this post:

Related Posts

Comments (0)

Please log in to leave a comment. Log in

No comments yet. Be the first to comment!