| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 1531 |
| Technical Name |
sm_loading_animation |
| License | LGPL-3 |
| Versions | 18.0 19.0 |
SM Custom Loading Animation
Transform your Odoo with 56 stunning pure CSS loading animations
Watch It In Action
See how SM Custom Loading Animation transforms your Odoo loading experience.
Key Features
56 Beautiful AnimationsChoose from spinners, progress bars, waves, circles, nature-inspired, time-based, and factory animations â all pure CSS! |
Zero DependenciesNo external JavaScript libraries. Everything runs locally with pure CSS animations for maximum performance. |
Full CustomizationCustom colors, positions, loading text â configure everything from a simple settings interface. |
Mobile ResponsiveLooks perfect on all devices â desktop, tablet, and mobile. Hardware-accelerated smooth animations. |
Performance FirstPure CSS animations mean zero JavaScript overhead. Faster loading, better performance, smoother user experience. |
Privacy & SecurityNo external API calls or CDN dependencies. Everything runs locally on your server. Complete data privacy. |
Animation Categories
Spinners5 types |
Progress5 types |
Wavy5 types |
Circles6 types |
Nature5 types |
Wobbling3 types |
Filling5 types |
Continuous2 types |
Time4 types |
Factory6 types |
Easy Configuration
| Option | Description | Default |
| Animation Type | Choose from 56 animation styles | Spinner 1 - Half Circle |
| Position | Bottom Right, Bottom Left, Top Right, Top Left, Center | Bottom Right |
| Primary Color | Main animation color (hex format) | #714B67 (Odoo Purple) |
| Background Color | Loading indicator background | #FFFFFF |
| Show Loading Text | Toggle loading text visibility | Enabled |
| Loading Text | Custom loading message | "Loading..." |
How It Works
Install ModuleDownload from Odoo Apps Store and install the module. |
Open SettingsNavigate to Settings > Loading Animation to configure. |
CustomizeChoose animation, colors, position, and loading text. |
Enjoy!Your custom loading animation is now active across all pages. |
Why This Module?
Professional BrandingCustomize loading animations to match your company brand colors and style. Create a unique, professional experience for your users. |
Zero Performance ImpactPure CSS animations mean zero JavaScript overhead. No external libraries, no CDN, no complications. Everything runs locally. |
Community & EnterpriseWorks on both Odoo Community and Enterprise editions. Only depends on the web module â available in every Odoo installation. |
Works EverywhereLoading animation appears on all pages â page navigation, AJAX requests, form submissions, report generation, and data exports. |
Screenshots
Easy Configuration Interface |
56 Animations to Choose From |
Full Color & Position Customization |
Loading Animation in Action |
Please log in to comment on this module