blog on CoreUI

How to use Bootstrap 5 in React.js - an original tutorial with (not original) examples

Tue, 07 Feb 2023 10:00:00 +0000

Bootstrap is a holy Grail for most of us - it’s the most popular HTML, CSS and most of all JS library in the world. And as a Christmas miracle—Bootstrap v5.3.0-alpha1 has arrived during the holiday break, so… let’s dig inside and check how to use bootstrap in React.

Top React UI Component Libraries in 2023

Thu, 02 Feb 2023 10:00:00 +0000

Developers are consistently looking for the best tools for their projects. Numerous front-end developers agree that using a popular framework will keep the code simple and strong. This is why numerous programmers are now using the React UI Framework - a top-notch framework that offers excellent runtime performance for modern UIs.

This makes it an ideal option for constructing components that are of the highest quality, can be used multiple times and are able to handle large numbers of requests and renderings.

React allows you to create user interfaces that adjust to different platforms and browsers because it divides its data layer from the presentation logic. The React UI framework and component libraries are essential to JavaScript and make it possible to create customized user experiences.

This article is about the most beneficial React Component Libraries available in 2023, so let’s dive in.

Who’s NEXT?

Tue, 13 Dec 2022 01:00:00 +0000

CoreUI PRO Next.js Admin Template coming in 3… 2… 1…

Why NEXT? Does it really give you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more? And no config needed? Too good to be true ;)

Black Friday aka Black Week aka Bull Shit?

Fri, 04 Nov 2022 01:00:00 +0000

Anyone else here think the whole black Friday thing is some Yankee Doodle bullshit? ;) you probably remember when few years ago 30,000 people bought crap on Black Friday… literally.

React? We’ve got (no) problem. Top5 React issues.

Fri, 30 Sep 2022 01:00:00 +0000

Commonly known as the most popular JavaScript framework… Wait… React JS is indeed based on JavaScript, but we’re not so sure about naming it a framework because… it’s rather a library? Which comes first, the chicken or the egg? ;) No matter if we prefer chicken or egg, there’s no argue that React.js is number 1. Netflix, Instagram, and Facebook are just at the beginning of the long list of web apps developed thanks to React.

CoreUI & Vue.js Forge… cause 1 is just not enough!

Tue, 16 Aug 2022 01:00:00 +0000

If you were thinking on new and exciting ways to learn Vue and get that hands-on Vue.js experience – there’s another great chance to join the biggest Vue.js community.

Vue.js Forge

Sat, 02 Jul 2022 01:00:00 +0000

If you were thinking on new and exciting ways to learn Vue and get that hands-on Vue.js experience - here’s what you need to know!

How to create a single page application using React.js

Thu, 23 Jun 2022 01:00:00 +0000

In this tutorial, you will learn how to create a single page application using ReactJS. You will learn how to create a simple ReactJS application that renders a simple message box.

React v18.0 – finally is of legal age?

Fri, 27 May 2022 10:00:00 +0000

It’s almost a month after official presentation on npm, so it’s we’re ready to roll with our remarks on the latest React version. As you know, CoreUI Admin Panel is not another blend of 3rd parties’ free components and libraries. It’s the only Open-Source React Admin Dashboard Template built on the enterprise-grade hand-crafted React UI Components Library. That’s why we’ve waited patiently for React v18.0, to materialize it e.g. here https://coreui.io/react/.

Quo Vadis Vue.js

Mon, 17 Jan 2022 10:00:00 +0000

You’ve probably seen CoreUI’s Vue Admin Dashboard Template & UI Components Library. If not, apart our hearts are broken, here’s a link: https://coreui.io/vue/ ;)

We can see, that many of you’re asking about Vue.js tools designed by CoreUI. You like our “keep it simple” approach and Vue.js 3 full compatibility, which fuels our work.

10+ Free Bootstrap Admin Templates for your Web App 2022

Sat, 15 Jan 2022 10:00:00 +0000

The creation of professional dashboards is no problem. Thanks to this selection of free bootstrap templates, you will find a practical UI toolkit for your project. Each tool also includes a template for your dashboard that can be customizable to your project. When building the customized dashboard, you have the choice between the different elements and components offered in the template pack. Chart graphics, button alerts, or tables are just a few features you can add.

Vue UI component libraries 2022

Fri, 07 Jan 2022 10:00:00 +0000

Saying that Vue.js is one of the fastest-growing JavaScript frameworks is almost like saying nothing. It has a profound collection of external libraries and frameworks that make developing applications quick and easy, even without any prior experience. When talking about Vue’s growth, it relates to the framework’s simplicity, availability of libraries, components, and learning materials like e.g. vueschool.io to strengthen the ecosystem.

Simple Black Friday

Fri, 26 Nov 2021 10:00:00 +0000

Not long ago, a guy, let’s name him “Kyle” asked us about CoreUI’s Tips for developers to create stunning web or app. Anwer was easy: “keep it simple” :)

Do we need UI components?

Wed, 27 Oct 2021 10:00:00 +0000

It’s not a secret (especially here), that the User Interface (UI) is a huge part of every app. Some say that if the icon is the front door, the UI is the interior design [that’s why CoreUI brings you both icons and components ;)]. Of course, you can take the route of completely designing your own UI from scratch, but… we all suffer from a lack of time. So if you want to get it up and running fast while still having a polished finish, an appropriate UI library seems to be the right option.

Can’t wait for what the future of Vue holds!

Sun, 10 Oct 2021 10:00:00 +0000

It cannot be an accident, cause just as we’ve released 90+ Bootstrap based Vue.js components and directives our friends from VueSchool.io told us about their Nuxt Nation Conference 2021. So, joint forces of CoreUI and VueSchool are happy to announce, that a lot of good things will be brought into Vue.js’ World this September.

CoreUI Vue.js components helped to win a Eurostat hackathon

Thu, 08 Apr 2021 10:00:00 +0000

Just a few weeks ago, a nice gentleman from Italy sent us a message:

Dear CoreUI, I am a researcher working at ISTAT, last week I participated in European Big Data Hackathon 2021, organized by Eurostat. And we won using CoreUI Vue.js!

Sounds interesting? That’s just the beginning — let’s dig deeper, cause it’s getting hot in here…

UI Components For Bootstrap — Part 1 by Mehwash Patel

Sun, 03 Jan 2021 10:00:00 +0000

CoreUI is a complete Dashboard UI Kit that allows you to quickly build UX friendly, responsive applications. I’ll be writing about various Bootstrap components in detail in this series. Comment below if you’ve any questions or if you’d want me to write about a specific CoreUI component. In Part 1 of this series, we’ll look at the components: Alert, Badge and Toast. So without further ado, let’s get started. Alert component is used to display message to the user.

Top 10 React Admin Templates & Tools of the Year 2020

Mon, 21 Dec 2020 10:00:00 +0000

2020 is almost over… Thanks to the pandemic, I believe that 99,9% of the global population will be celebrating this coming 2021. But before we’ll do so, enjoy your seat and take a look at this collection of the most beautiful and most all – reliable React Admin Templates.

Earn Real Money on every sale you refer - become a CoreUI PRO affiliate today!

Thu, 20 Aug 2020 10:00:00 +0000

$5000/month +

It takes few minutes to join CoreUI’s Affiliate Program, just fill the simple online form. You can earn $5000/month and more by promoting our software on your website. But the best is yet to come… In standard affiliate programs cookie has a 30-day life. Your referral needs to make a purchase within 30-days of clicking your affiliate link in order for you to get paid – otherwise the lead will no longer be trackable. CoreUI’s Affiliate Program keeps track of your referral for 120 calendar days!

CoreUI Vue Laravel Admin Template – more than simple integration...

Mon, 20 Jul 2020 10:00:00 +0000

Bootstrap Admin Template with Laravel. Really? Sure do cause apart from the integration our team enhanced the template with the examples of useful features implementations.

Bootstrap v5 arrived – even though it’s alpha, we’re eager to get more

Wed, 17 Jun 2020 10:00:00 +0000

We bet you all know the Buggles’ song:

Almost every week last years we’ve heard that jQuery is slowly going into nowhere, when e.g. Vue.js is striving it’s way to popularity. So is the story with the Buggles’ song “Video killed the radio star”, where title seems to tell everything. Latest Bootstrap Blog: https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/ seems to be the final conformation for Jquery – bolded text tells everything: “Bootstrap no longer depends on jQuery”.

And you know what? CoreUI did the same almost year ago. It’s good to know that we’re in a good company – what’s even more sexy is that we did it first 😊

CoreUI 3.0 hooks on React.js?

Sun, 31 May 2020 10:00:00 +0000

You know CoreUI React.js for so many years, e.g. thanks to Free and Pro versions.

Now it’s time for V3… What’s the difference?

Reactstrap has been replaced with our own code, which with the new context API and one naming convention across all components – brings a lot of new features that help to create amazing user interfaces. Eager to know more? Take a look…

CoreUI #stayHome #getPro for Free

Thu, 30 Apr 2020 10:00:00 +0000

No matter if it’s Poland, the USA, Span, Italy, Russia, or India – we allface the same problem. There’s no wonder then, that many times you’ve been asking us if we could support the worldwide struggle with the COVID-19 spreading. The answer was always easy: YES, YES, YES. That’s why we give you an -25% discount with #stayHomecode and if it’s not enough… you can get the PRO license completelyfor free.

Happy Easter & #stayhome?

Fri, 10 Apr 2020 14:00:00 +0000

This supposes to be a completely different newsletter… Our team wanted to wish you a pleasant Easter and enjoy your free time. But things have changed drastically and most of us change our scope. Really? Of course, some things could’ve been done better, yet it is hard to blame anyone for what has or has not been done, this situation is difficult as it is, the main effort now should go towards winning this uneven battle…

CoreUI Vue.js components library– gimme more?

Fri, 06 Mar 2020 14:00:00 +0000

Switching to another Vue components library is never easy. There are multitudes of them available on the market and we all know that you can’t teach an old dog new tricks. So you may ask why should I try CoreUI Vue.js? Below you’ll get 5 good (not bad) reasons.

CoreUI 3k+ icons set – why the … did we do this?!

Thu, 02 Jan 2020 15:00:00 +0000

Webpage or an app interface means nothing if it’s not glued with sexy set of icons. You know it best. So to be honest, we’ve got an answer for above question. But… there’s always a “but” 😉 You may ask why we let more than 3000 icons to be downloaded for free? X-mas gift, Black Friday in December, New Year’s madness? No way – from now on, you can use CoreUI icons for free. We’re open source, so it should be for free. Save your time and drag them in your design.

Laravel rockz?

Thu, 05 Dec 2019 15:00:00 +0000

You’ve been asking us to introduce CoreUI for #Laravel and as you know – your wish is our command 😉, so here it is: https://coreui.io/laravel/ You can check both Free and PRO versions. What’s inside? Saying a bunch of responsive, customizable, and reusable components you need to create modern, beautiful, responsive apps is saying (almost) nothing.

Are you ready for CoreUI 3.0?

Wed, 06 Nov 2019 15:00:00 +0000

The beta version has just been released.

Some say… 😉 that CoreUI admin template is one of the most popular open-source admin panel template. Some may ask – why? Because it delivers all responsive, customizable, and reusable components, you might need to create simply beautiful & responsive apps. But the beauty would be nothing without time-to-market. So please cordially welcome CoreUI 3.0 (beta).

Leave well alone?

Mon, 30 Sep 2019 12:00:00 +0000

We believe that we all know that sentence, but to be honest - like humans, companies change over time and, when it does, a brand redesign becomes necessary. We bet you noticed latest changes in our design and if you’re interested in more detailed information, pls read this post.

What’s new and updated in CoreUI 3

Mon, 01 Jul 2019 15:00:00 +0000

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

Bootstrap Icons

Tue, 20 Mar 2018 15:00:00 +0000

Bootstrap 4 doesn’t include an icon library by default, that’s why many developers looking for best icons. Where you can find awesome Bootstrap Icons for your project?

Migration from Bootstrap 3 to Bootstrap 4

Wed, 31 Jan 2018 10:29:11 +0000

Bootstrap 4 is a major rewrite of the entire project. The most notable changes are summarized below, followed by more specific changes to relevant components.

How to upgrade Bootstrap 4 alpha 6 to Bootstrap 4 beta

Sat, 12 Aug 2017 18:29:11 +0000

After two years in the making, Bootstrap creators finally released first beta of Bootstrap 4. In latest version of Bootstrap 4 more then 650 files was changed, 67k lines was added, and 82k lines was deleted.

How to migrate from Bootstrap 3 to Bootstrap 4 Beta

Mon, 10 Jul 2017 18:29:11 +0000

Bootstrap 4 is a major rewrite of the entire project. The most notable changes are summarized below, followed by more specific changes to relevant components.

What's new in Bootstrap 4 ?

Tue, 04 Jul 2017 18:29:11 +0000

Bootstrap 4 is just round the corner. Bootstrap 4 is a major rewrite of the entire project. Here is list of major changes in latest version of Bootstrap.

Bootstrap 3.0.2 and 3.0.1 - right direction?

Fri, 08 Nov 2013 15:00:00 +0000

There’s no discussion that, Bootstrap is one of the most popular responsive frameworks available, since Twitter released it in 2011. Thanks to an extensive library of cutting edge components, add-ons and plugins it enables fresh ideas and unconventional approach to every next web project. So there’s no wonder then, that not more than a week ago we’ve heard about Bootstrap 3.0.1, and just two days ago we’ve got Bootstrap 3.0.2. But as our dear old grannies used to say: never too much of a good thing…

Bootstrap – unlimited responsive template?

Sat, 24 Aug 2013 15:00:00 +0000

Show me your cards (not, not Bootstrap themes yet)… As we’re all waiting for top mobile devices premieres, I bet we’re all satisfied right now. Apple showed its iPhone 5c and iPhone 5s – for the first time in history mobile device has been equipped with 64 bit CPU – future yet to come? On the other side, Samsung launched its Gear and Note III during IFA fair trade in Berlin

Genius Bootstrap Admin Template

Sat, 24 Aug 2013 15:00:00 +0000

We introduced our Genius Bootstrap Admin Template. But does the name oblige? If we look at some of the features like Bootstrap 3.0.0, write with LESS and almost 1500 icon (among them Glyphicons PRO), you can easily say that Genius Bootstrap can be(come) Einstein in the world of Bootstrap templates.