Seven Once UI effect components — ShineFx, TypeFx, WeatherFx, BlobFx, TiltFx, HoloFx, and FlipFx — are registered for published Aveiro sites. Add them in Source mode or ask Quasar; publish and visitors see the same motion you preview in the editor.
What we shipped
Published Aveiro sites now render state-free Once UI effects from @once-ui-system/core. These are lightweight wrappers that add motion and visual polish without custom JavaScript or third-party animation libraries.
Supported effect components
Component
Typical use
**ShineFx**
Shimmer highlight on headlines or hero text
**TypeFx**
Typewriter-style text reveal
**WeatherFx**
Ambient weather-style overlay
**BlobFx**
Soft animated blob behind content
**TiltFx**
Subtle 3D tilt on hover
**HoloFx**
Holographic sheen on cards or media
**FlipFx**
Flip animation between two faces
They join existing registered effects such as MatrixFx and layout Background slots that already supported effects where configured.
Editor and AI
Insert effect tags in Source mode, or ask Quasar to wrap a heading or CTA — the components are in the AI MDX catalog.
Publish guards still apply: broken or unregistered components block publish, so you catch issues before visitors see them.
Why it matters
Creators building on Once UI often copy effect snippets from the design system docs, then wonder why motion disappears on the live site. Aveiro's published renderer only includes registered components. This release closes the gap for the most common state-free effects — no iframes, no client-side hacks.
Try it
Open a page in the site editor → switch to Source.
Wrap a heading:
Publish the page and load your public URL — the shimmer should match the editor preview.
