What’s new and updated in CoreUI 3

Łukasz Holeczek Follow Łukasz Holeczek on GitHub Connect with Łukasz Holeczek on LinkedIn Follow Łukasz Holeczek on X (Twitter)

Monday, July 1, 2019

Version 3 has been re-written and re-designed completely from scratch. Here are the key changes in v3:

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.

Angular

Bootstrap

React.js

Vue.js

CoreUI and Bootstrap components have been prefixed. If you add Bootstrap or CoreUI CSS to your existing project, it can conflict with your existing CSS or the third party components styles creating a mess in styles and destroy the layout of your project. That’s why we decided to add c- prefix to each class to avoid CSS classes collision and isolate CoreUI’s styles and scripts.

CoreUI and Bootstrap source code is deeply integrated. We decided to combine Bootstrap’s and our SCSS and JavaScript files. It allows us to build some new features, ex. Theme switcher (Yes, in version 3 you can easily use Dark and Light Mode), and deliver more consistent, lighter code.

Removed jQuery in favor of regular JavaScript. CoreUI Library (@coreui/coreui) doesn’t need jQuery anymore. However, some of the third party components we use in our admin templates still require jQuery ​.

New design to meet Web Content Accessibility Guidelines requirements. CoreUI 3 make web content more accessible to people with disabilities and meets the needs of individuals, organizations, and governments internationally.

Introduce new components libraries for Angular (@coreui/angular), React.js (@coreui/react), and Vue.js (@coreui/vue). The third party components libraries ngx-bootstrap, reactstrap, bootstrap-vue, are deprecated. Since version 3.x our libraries contain not only our components but also cover all Bootstrap’s elements.

Development plan

We need your help to make CoreUI the best it can be. The source code for version 3 will be available in a v3-next branch on GitHub. We looking forward to your feedback.

About the Author

Follow Łukasz Holeczek on GitHub Connect with Łukasz Holeczek on LinkedIn Follow Łukasz Holeczek on X (Twitter)

Łukasz Holeczek, Founder of CoreUI, is a seasoned Fullstack Developer and entrepreneur with over 20 years of experience. As the lead developer for all JavaScript, React.js, and Vue.js products at CoreUI, they specialize in creating open-source solutions that empower developers to build better and more accessible user interfaces.

With expertise in TypeScript, JavaScript, Node.js, and modern frameworks like React.js, Vue.js, and Next.js, Łukasz combines technical mastery with a passion for UI/UX design and accessibility. CoreUI’s mission is to provide developers with tools that enhance productivity while adhering to accessibility standards.

Łukasz shares its extensive knowledge through a blog with technical software development articles. It also advises enterprise companies on building solutions from A to Z. Through CoreUI, it offers professional services, technical support, and open-core products that help developers and businesses achieve their goals.

Learn more about CoreUI’s solutions and see how your business can benefit from working with us.