CoreUI for React v5.7.0

CoreUI for React v5.7.0

We’re excited to introduce CoreUI for React v5.7.0! This release focuses on expanding customization options and enriching layout flexibility. Developers now have access to new button styles, enclosed layout variants, and more robust component handling—making it easier to build consistent, high-quality UIs.


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 for React v5.7.0, follow these steps:

  1. Open your package.json file.
  2. Update the following dependencies:
    • @coreui/react: 5.7.0
    • @coreui/coreui: 5.4.0
  3. Save the file.
  4. Run your package manager’s install command:
    • For npm: npm install
    • For yarn: yarn install

What’s New

✨ Features

  • CButton: Added support for unthemed outline and ghost button styles for greater UI flexibility.
  • CNav: Introduced enclosed variants to support more structured and compact navigation layouts.
  • CTabs: Added enclosed variants, offering a tabbed interface that better integrates with enclosed design systems.

These additions make it easier to customize component appearances while maintaining visual consistency across applications.

Dependency Updates

This version includes updates to key development dependencies to improve performance, maintainability, and compatibility with modern tooling:

  • Updated @types/react from ^19.1.2 to ^19.1.4
  • Updated @types/react-dom from ^19.1.2 to ^19.1.5
  • Updated @typescript-eslint/parser from ^8.31.1 to ^8.32.1
  • Updated eslint from ^9.25.1 to ^9.27.0
  • Updated eslint-config-prettier from ^10.1.2 to ^10.1.5
  • Updated eslint-plugin-prettier from ^5.2.6 to ^5.4.0
  • Updated eslint-plugin-unicorn from ^59.0.0 to ^59.0.1
  • Updated globals from ^16.0.0 to ^16.1.0
  • Updated rollup from ^4.40.1 to ^4.41.0
  • Updated sass from ^1.87.0 to ^1.89.0
  • Updated ts-jest from ^29.3.2 to ^29.3.4
  • Updated typescript-eslint from ^8.31.1 to ^8.32.1

For a full breakdown of changes and improvements, visit the official GitHub changelog.

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.”