CoreUI v5.2.0

CoreUI v5.2.0

We are pleased to announce the release of CoreUI v5.2.0. This update includes several key fixes, new features, and crucial dependency updates, enhancing the stability, performance, and maintainability of the CoreUI library.


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 ensure a smooth transition to CoreUI v5.2.0, follow these steps:

  1. Open your project’s package.json.
  2. Locate the @coreui/coreui entry under dependencies and update the version number to 5.2.0.
  3. Save your changes to the package.json file.
  4. In your project’s root directory, execute the following command:
    • For npm users: run npm install
    • For yarn users: run yarn install

What’s New

Build & Configuration

  • build: Fixed the build configuration to correctly build the Bootstrap version and theme.

Features & Enhancements

  • feat(Sidebar): Added additional CSS variables for more flexible styling.

Fixes

  • fix: Reordered CSS properties to resolve Stylelint warnings.

Refactors

  • refactor: Removed unnecessary Flexbug workaround to simplify styles.
  • refactor(Sidebar): Rewritten component styles for improved maintainability.

Dependency Updates

This release also includes updates to key dependencies, ensuring that CoreUI remains secure and up-to-date:

  • Updated @babel/cli from ^7.24.8 to ^7.25.6
  • Updated eslint-plugin-import from ^2.29.1 to ^2.30.0
  • Updated hugo-bin from ^0.129.2 to ^0.131.2
  • Updated jasmine from ^5.2.0 to ^5.3.0
  • Updated nodemon from ^3.1.4 to ^3.1.6
  • Updated postcss from ^8.4.41 to ^8.4.47
  • Updated rollup from ^4.21.0 to ^4.22.0
  • Updated rtlcss from ^4.2.0 to ^4.3.0
  • Updated sass from ^1.77.8 to ^1.79.1
  • Updated stylelint from ^16.8.2 to ^16.9.0
  • Updated stylelint-config-twbs-bootstrap from ^14.2.0 to ^15.0.0
  • Updated terser from 5.31.6 to 5.33.0

For a detailed overview of all the enhancements, fixes, and updates introduced in this version, please refer to the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
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.”

How to Remove Elements from a JavaScript Array
How to Remove Elements from a JavaScript Array