Utilities

These are helpers that speed up the dev time for various components and effects.

Animations

Theme animations are plain CSS. Add one of the aui-animate-* classes to any element.

light-speed-in

flip

pulse

fade-in

Solid Colors

Gradient Colors

Subtle Backgrounds

primary info success warning danger light secondary dark

Text Colors

Last sync 5 minutes ago.

Two new team members joined this week. Assign them a role before they sign in.

All 1,896 orders were processed without errors.

The nightly backup finished in 12 minutes. The next one starts at 02:00 UTC.

Three invoices are overdue by more than 7 days.

Shipping costs rose by 4% after the carrier update on October 1.

Maintenance window: Sunday, 02:00–03:00 UTC.

Bootstrap Helpers

All Bootstrap 5 helper classes available in the official Bootstrap documentation are also available in ArchitectUI Framework: Spacing, resets, typography utilities, sizing and others.

Theme Helpers

`.aui-animate-light-speed-in … .aui-animate-spin`	Animations: light-speed-in, flip, pulse, fade-in, spin
`.aui-icon-gradient-<color>`	Gradient stroke for Lucide icons
`.aui-scroll + .aui-scroll-sm … .aui-scroll-lg`	Scroll area with a fixed height
`.aui-chart, .aui-map`	Height containers for Chart.js and Leaflet