CoreUI v5.4.0

CoreUI v5.4.0

We’re excited to announce the release of CoreUI v5.4.0 — a substantial update that modernizes the codebase and enhances the developer experience.


Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.


How to Update

To upgrade your project to CoreUI v5.4.0:

  1. Open your package.json.
  2. Update the @coreui/coreui version to 5.4.0.
  3. Save the file and run the install command:
    • npm: npm install
    • yarn: yarn install

What’s New

✨ Features

  • Buttons: Introduced new .btn-ghost and .btn-outline variants.
  • Nav: Added .nav-enclosed and .nav-enclosed-pills styles for compact navigation designs.

🛠️ Refactors

  • Collapse: Moved _isShown() to a private class section for better encapsulation.
  • BaseComponent: Added private internal comments to aid maintainability.

🐛 Fixes

  • Card: Adjusted .card-group selectors to target only immediate children — fixes border-radius styling issues.
  • visually-hidden: Prevented overflowing children from becoming accidentally focusable.

🧱 Other

  • Build: Refreshed ESLint configuration.
  • Docs: Introduced LLM (Large Language Model) documentation support.

Dependency Updates

To ensure better compatibility, security, and performance, we have updated several key dependencies:

  • Updated @babel/cli from ^7.27.0 to ^7.27.2
  • Updated @babel/core from ^7.26.10 to ^7.27.1
  • Updated @babel/preset-env from ^7.26.9 to ^7.27.2
  • Updated bootstrap from ^5.3.5 to ^5.3.6
  • Updated eslint from ^9.25.1 to ^9.27.0
  • Updated eslint-config-xo from 0.46.0 to 0.47.0
  • Updated eslint-plugin-unicorn from ^58.0.0 to ^59.0.1
  • Updated globals from ^16.0.0 to ^16.1.0
  • Updated hugo-bin from ^0.143.7 to ^0.144.3
  • Updated jasmine from ^5.6.0 to ^5.7.1
  • Updated lockfile-lint from ^4.14.0 to ^4.14.1
  • Updated rollup from ^4.40.0 to ^4.40.2
  • Updated sass-embedded from ^1.87.0 to ^1.89.0
  • Updated shelljs from ^0.9.2 to ^0.10.0
  • Updated stylelint from ^16.19.0 to ^16.19.1
  • Updated terser from 5.39.0 to 5.39.2

For a complete list of all changes, check out the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Redirect to a New URL Using JavaScript Redirect Techniques
How to Redirect to a New URL Using JavaScript Redirect Techniques

How to Achieve Perfectly Rounded Corners in CSS
How to Achieve Perfectly Rounded Corners in CSS

How to Add a Tab in HTML
How to Add a Tab in HTML

How to Open Link in a New Tab in HTML?
How to Open Link in a New Tab in HTML?

How to Clone an Object in JavaScript
How to Clone an Object in JavaScript

How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”
How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”