Skip to main content

Visual Effects & Animations

Enable premium visual effects including particles, ripples, loading animations, and dialog transitions.

Loading Styles

Choose from 10 loading animations displayed while pages load. Configure in Quick Settings under View Preferences:

View Preferences - Loading

StyleAnimation
SpinnerClassic rotating circle (default)
DotsThree bouncing dots
PulsePulsating circle
BarHorizontal progress bar
SkeletonContent-shaped placeholder blocks
RippleExpanding circle rings
OrbitOrbiting dots
WaveOscillating wave bars
BounceBouncing ball
HourglassRotating hourglass

Dialog Animations

When modals and dialogs open, choose the entrance animation:

AnimationEffect
FadeSimple opacity transition (default)
Slide UpSlides in from below
ZoomScales in from small to full size
Flip3D flip rotation

Visual Effect Toggles

Each effect can be individually enabled or disabled in your theme settings:

EffectDescriptionDefault
ParticlesLightweight floating particles in the background with mouse interactionOn
Tilt3D card tilt effect on kanban cards when hoveringOn
MagneticButtons gently attract toward the cursor on hoverOn
Scroll RevealContent fades in as you scroll down the pageOn
RippleClick ripple animation on primary, success, and danger buttonsOn
tip

Disable visual effects for better performance on older hardware, remote desktop connections, or when you prefer a simpler experience.

Login Page

The login page features its own set of premium visual effects:

Login Page

  • Animated particles with connections on canvas background
  • Floating orbs with parallax effect and blur
  • 3D card tilt: the login card rotates in perspective when you move your mouse
  • Company logo automatically displayed from your Odoo company settings
  • "Welcome Back" greeting with sign-in form

Login Page Layouts

Four layout options are available (configurable per user):

LayoutDescription
CenteredLogin card centered on screen (default)
Split LeftForm on left, background on right
Split RightForm on right, background on left
FullscreenForm fills entire screen
Need Help?

Contact SDLC Corp at sdlccorp.com/contact-us or email sales@sdlccorp.com