Pragati Resorts - Navbar Hover Effects

v 18.0 Third Party 1

Download for v 18.0 Deploy on Odoo.sh

Backend themes might not work with Odoo Enterprise Edition. Please read the description carefully and, in doubt, ask the author before buying.

You bought this module and need support? Click here!

Availability	Odoo Online Odoo.sh On Premise
Lines of code	329
Technical Name	`pragati_navbar_hover`
License	LGPL-3
Website	https://github.com/SoujanyaRegonda

Vibrant Navbar Hover Effects

A pure-CSS visual upgrade for the Odoo backend top menu

This module gives the Odoo backend navigation bar a lively, modern feel: animated gradient text on hover, a glowing pill behind each menu item, a real 3D flip when dropdowns open, cascading dropdown items, a confetti burst on click, and a distinct "open" look that stays on while a menu is expanded. Everything is CSS only — no Python models, views, or data are touched, so it installs safely alongside any other app.

Key Features

Animated Gradient Menus

Top-level menu labels bounce in and run a live color gradient while hovered.

3D Flip Dropdowns

Dropdown panels open with a real 3D flip animation instead of a plain fade/slide.

Confetti on Click

Clicking a menu item fires a colorful confetti burst plus a satisfying jelly-squish.

Spotlight Focus

Hovering one menu gently dims its siblings so your eye stays on the active item.

Cascading Sub-items

Dropdown items fade and slide in with a staggered cascade for a polished open.

Persistent Open State

An open dropdown keeps its own distinct glow, separate from the hover effect.

Per-item Color Identity

Each menu cycles through a 6-color accent palette for easy visual grouping.

Zero Configuration

Just install the app — the styling applies automatically, nothing to set up.

Screenshots

The enhanced navbar and dropdown menus in action.

Styled top-menu dropdown panel

Multi-company selector styling

Customers menu dropdown with highlighted item

Cascading items with an active/highlighted entry

Compatibility

Odoo Version: 18.0 | License: LGPL-3 | Dependencies: web

CSS-only module — no database changes, no new models, safe to install and uninstall at any time.

Need Customization?

Colors, animation speed, and effects are all defined through CSS variables and can be tailored to match your brand. Get in touch for custom theming or additional Odoo development.

Please log in to comment on this module

The author can leave a single reply to each comment.
This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
If you want to start a discussion with the author, please use the developer contact information. They can usually be found in the description.