CoreUI supports most popular frameworks.
Vue Admin Templates
CoreUI and CoreUI PRO are delivered with fully-featured, and ready-to-use admin panel templates for your application.
How does CoreUI Vue Admin Template cut development time?
CoreUI delivers everything you need to build modern, beautiful, responsive apps.
Reduce Your Time to Market
Save thousands of development hours by using ready-made, reusable, and commonly used widgets and UI components. Moreover, CoreUI Vue Admin Template is delivered with a ready-to-use environment, so you don't have to waste time configuring the project. All build scripts and tools are ready to use out of the box. With CoreUI Template you can start a new project in a minute!
Bootstrap
CoreUI Vue Admin Panel is 100% compatible with Bootstrap, but Boostrap based components have been built from scratch as true Vue.js components, without jQuery and unneeded dependencies. If you are familiar with Bootstrap but you demand something more than it provides, then CoreUI Vue Admin Panel is an answer.
Responsive, Mobile & Cross-Browser Compatibility
Handle all the specific browser, device, and OS issues take an awful lot of time, which takes you away from your main goal. CoreUI's responsive components save you let you save thousands of dollars on cross browsers tests. Give your users a seamless experience by delivering apps that works on all major devices, browsers, and operating systems.
Open source with Enterprise level of support
CoreUI Vue Admin Template originates from open-source, but we are a professional team, working full time to make our products perfect in every detail. Usage of open-source products distributed by a professional company gives you advantages of both open-source and commercial products (maintenance, paid professional support, and additional features).
Easy to use
UI Components and Widgets are written with readability in mind, they are comparatively short and easy to understand, so reading them is not a pain in your ass. This one is useful if you really want to understand the component by reading it or making changes. The same this makes the library a good foundation on which you can easily make your own components library.
No design skills required
CoreUI Vue Admin Template is based on CoreUI Components Library with beautifully handcrafted UI Components designed by team of our experienced designers. You don't have to be a designer to create beautiful responsive apps.
Ready to use and customizable UI components for Vue.js.
- Components
- Accordion
- Alert
- Badge
- Breadcrumb
- Buttons
- Button group
- Calendar
- Callout
- Cards
- Carousel
- Close Button
- Collapse
- Dropdown
- Footer
- Header
- Image
- List Group
- Loading Button
- Modal
- Navs & tabs
- Navbar
- Offcanvas
- Pagination
- Popovers
- Progress
- Sidebar
- Smart Pagination
- Smart Table
- Spinner
- Table
- Tabs
- Toast
- Tooltip
- Forms
- Checkbox
- Date Picker
- Date Range Picker
- Floating Labels
- Input
- Input Group
- Multi Select
- Range
- Range Slider
- Rating
- Select
- Textarea
- Time Picker
- Validation
- Helpers
- Clearfix
- Colored links
- Position
- Ratio
- Stretched link
- Text truncation
- Visually hidden
- Plugins
- Full Calendar
- Chart.js
- Utilities
- Background
- Borders
- Colors
- Display property
- Flex
- Float
- Interactions
- Opacity
- Overflow
- Position
- Shadows
- Sizing
- Spacing
- Text
- Vertical alignment
- Visibility
CoreUI News
How to Open Link in a New Tab in HTML?

Opening a link in a new tab is a fundamental skill for anyone building modern websites or web applications. By using specific HTML attributes, you can help your users effortlessly view …
Read More…How to Clone an Object in JavaScript

Cloning or duplicating objects in JavaScript is a common task for developers who need to avoid unintended side effects when sharing data. If you simply use the assignment operator to …
Read More…How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”

For years, the @import
rule has been the go-to approach for handling modular Sass code. However, the Sass team announced the deprecation of @import
in favor of the newer module system. If …
Latest Releases
CoreUI PRO Next.js Admin Template v2.5.0

We are excited to introduce the latest update of CoreUI PRO Next.js Admin Template v2.5.0. This release enhances the template with new features, optimizations, and crucial dependency …
Read More…CoreUI PRO Vue.js Admin Template v5.4.0

We are excited to announce the release of CoreUI PRO Vue.js Admin Template v5.4.0. This update brings significant improvements, including refactored styling, better compatibility with modern …
Read More…CoreUI PRO React.js Admin Template v5.5.0

We are excited to announce the release of CoreUI PRO React.js Admin Template v5.5.0. This update introduces significant performance optimizations, key architectural refactors, and crucial …
Read More…