Built with React and Create React App, with Bootstrap 5, Reactstrap, and SASS for styling
ReactAdmin dashboard
Cuba-Free-React-Admin-Template — React Admin dashboard Template
By pixelstrapthemes
Cuba Free is an admin template built on React and Bootstrap 5, offering a responsive layout, light and dark themes, RTL, and basic components.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-13View source
What stands out
A quick read of the recorded project description.
Provides a responsive layout for desktop, tablet, and mobile
Includes light/dark theme switching, RTL layout, and a toggleable boxed layout
Includes one dashboard page with ApexCharts charts
Provides basic UI components such as alerts, buttons, badges, accordions, lists, and forms
Comes with basic pages including login, registration, password recovery, and error pages
Template Details
Cuba Free React Admin Template is a free admin template published by Pixelstrap; the repository hosts the Free Edition. It is built with React and Create React App, with Bootstrap 5, Reactstrap, and SASS for styling, and provides a responsive layout, light/dark theme switching, RTL support, and a toggleable boxed layout.
The template includes one dashboard page with ApexCharts charts, plus basic UI components such as alerts, buttons, badges, accordions, lists, and forms, and basic pages including login, registration, password recovery, and error pages. Icons use Feather and FontAwesome.
There are clear differences between the free and Pro versions: multiple theme color schemes, a theme customizer, landing pages, multiple dashboard variants, data tables, calendar, chat, email, e-commerce, file manager, and multilingual support are not included in the free version; the free version offers community support only and does not include free updates. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses.
ReactAdmin
Is it right for your project?
Use Cases
- Building admin interface prototypes that require light/dark themes and RTL support
- Developing internal data dashboards based on ready-made components and charts
- Quickly obtaining a React admin front-end skeleton that includes login and registration pages
Suitable For
- Developers who need a free MIT-licensed React admin template
- Front-end projects that want to build admin interfaces with the Bootstrap 5 component system
- Admin projects that need RTL or light/dark theme switching capabilities
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning or downloading the repository, run npm install in the project directory to install dependencies
- 2
Run npm run dev to start the development server and preview the template
- 3
The Pro features mentioned in the README are not included in this free repository
- 4
Third-party assets such as demo images, fonts, and icons must have their licenses checked separately
- 5
When using or distributing the code, retain the MIT license and copyright notice
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- You may use, modify, commercialize, and distribute this version's code for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Project materials mention optional paid versions or features; this entry covers only the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
- The free version includes only a basic dashboard and components; multiple dashboard variants, advanced applications, priority support, and similar features require upgrading to Pro and are not included in the free version.
- Multiple theme color schemes are not included in the free version and are available only in Pro.
- The theme customizer is not included in the free version and is available only in Pro.
- Landing pages are not included in the free version and are available only in Pro.
- Ready-made applications (calendar, chat, email, e-commerce, file manager, etc.) are not included in the free version and are available only in Pro.
- 10+ chart libraries are not included in the free version; the free version integrates only ApexCharts.
- Advanced data tables are not included in the free version and are available only in Pro.
- Multilingual support is not included in the free version and is available only in Pro.
- The free version does not include free updates; lifetime updates are available only in Pro.
- The free version offers community support only and does not include the priority support available in Pro.
- The free version includes only 1 dashboard variant; more variants require Pro.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
For advanced features, premium applications, multiple dashboard variations, and developer priority support, please upgrade to the Pro Edition.
Original README
| 🌈 **Multiple Theme Colors** | :x: Not Included | :white_check_mark: Included |
Original README
| ⚙️ **Theme Customizer** | :x: Not Included | :white_check_mark: Included |
Original README
| 🏠 **Landing Pages** | :x: Not Included | :white_check_mark: Included |
Original README
| 📱 **Ready-to-Use Applications** | :x: Not Included | :white_check_mark: Included |
Original README
| 📈 **10+ Chart Libraries** | :x: Not Included | :white_check_mark: Included |
Original README
| 📊 **Advanced Data Tables** | :x: Not Included | :white_check_mark: Included |
Original README
| 🌐 **Multi-language Support** | :x: Not Included | :white_check_mark: Included |
Original README
| 🔄 **Free Updates** | :x: Not Included | :white_check_mark: Lifetime Updates |
Original README
| 💬 **Support** | :x: Community Support Only | :white_check_mark: Premium Priority Support |
Original README
https://github.com/pixelstrapthemes/Cuba-Free-React-Admin-Template/blob/main/LICENSEhttps://github.com/pixelstrapthemes/Cuba-Free-React-Admin-Template/blob/main/README.md| 📊 **Dashboard Variations** | :white_check_mark: 1 Included | :white_check_mark: Included |
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 68 / 100
- Technologies
- React
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-07-24
- Screenshot last checked
- 2026-10-13
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
The catalog identifies React as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: c095d4e7c9e3e7077e88091a7dc6c250e9c4773d64ab5cd30c588acdbab6723a
2026-10-13T10:18:34.131Z
Source file / repository<p align="center">
<a href="https://react.pixelstrap.com/cuba-context/dashboard/default/Dubai">
<img src="./public/assets/images/cubalogo.png" alt="Cuba Logo" width="200">
</a>
</p>
# [Cuba – Free React Admin Dashboard Template](https://react.pixelstrap.net/cuba-free-version)
<p>
<a href="https://react.pixelstrap.net/cuba-free-version/dashboard/default" target="_blank">
<img src="./public/assets/images/cuba.png" alt="endless-image">
</a>
</p>
The Most Powerful, Clean & Feature-Rich Free React Admin Dashboard Template for Developers.
Cuba React Free Edition is a carefully crafted admin dashboard template built on **React 19** and **Create React App**. It offers a modern styling system, fully responsive designs, and clean component structures to speed up your front-end development.
This repository hosts the **Free Edition** of Cuba React, offering a solid set of essential dashboards, UI components, and utility pages. For advanced features, premium applications, multiple dashboard variations, and developer priority support, please upgrade to the Pro Edition.
👉 **[Live Demo](https://react.pixelstrap.com/cuba-context/dashboard/default/Dubai)** | **[Documentation](https://docs.pixelstrap.com/cuba/react/document/)**
---
## 🚀 Key Features
* ⚡ **React 19 & CRA**: Modern build pipeline ensuring fast compilation.
* 📱 **Fully Responsive Layout**: Built with Bootstrap 5 utility classes to render flawlessly on desktops, tablets, and smartphones.
* 🌙 **Light & Dark Modes**: Complete styling set for theme switching.
* 🌐 **RTL Support**: Built-in styling to support right-to-left layout configurations.
* 📦 **Boxed Layout**: Toggleable boxed layout options for dashboard container styling.
* 🧩 **Essential UI Components**: Basic alerts, buttons, badges, accordions, lists, and forms.
* 📊 **ApexCharts Integration**: Beautiful, clean charts for visualizing dashboard analytics.
* 🔐 **Basic Authentication**: Pre-styled Login, Register, and recovery pages.
---
## ⚙️ Core Technologies
| Technology | Description |
| :--- | :--- |
| **React 19** | The latest version of React featuring improved rendering performance and hooks support. |
| **Bootstrap 5 & Reactstrap** | CSS framework offering fully customizable components, grids, and typography utilities. |
| **SASS** | Clean and organized stylesheet modularization using variables, custom utility mixins, and variables. |
| **Feather & FontAwesome Icons** | High-quality vector graphics icons pre-integrated into dashboard modules and sidebars. |
| **ApexCharts** | Responsive, interactive, and customizable charts for reporting key performance indicators. |
| **Dark Mode & RTL** | Ready-to-use configurations for toggling themes and localized layout structures. |
| **Utility Pages** | Login, Registration, Forget Password, and error screens to quick-start project building. |
---
## 🛠️ Getting Started
#### 1. Download or Clone Cuba
Get the latest version of the Cuba React template by downloading the project archive or cloning the repository to your local environment.
#### 2. Install Project Packages
Navigate to the project directory and install all required dependencies using the following command:
```bash
npm install
```
#### 3. Launch the Development Environment
After the installation is complete, start the development server to preview the template in your browser:
```bash
npm run dev
```
#### 4. Start Building
You're all set! Customize layouts, switch between Light, Dark, RTL, and Boxed modes, explore the UI components, charts, authentication screens, and error pages, then begin developing your dashboard with Cuba.
---
## 📘 Documentation
Welcome to the Cuba – Free React Admin Dashboard Template documentation. This guide provides everything you need to install, configure, customize, and make the most of the template's features.
Whether you're integrating Cuba into a new project or exploring its layouts, components, Dark Mode, RTL support, Boxed Layout, charts, animations, and ready-made pages, the documentation offers clear instructions and practical examples to help you get started quickly.
👉 [Explore the cuba Documentation](https://docs.pixelstrap.com/cuba/react/document/)
---
## 🚀 Upgrade to Cuba React Pro
Take your projects to the next level with **Cuba React Pro**—the premium version of the Cuba React Admin Dashboard Template. Built for developers who need greater flexibility, enhanced functionality, and a wider range of ready-to-use resources, Cuba React Pro helps you create professional web applications faster than ever.
While the free edition provides a solid starting point, the Pro version unlocks an extensive collection of premium dashboards, application pages, layouts, UI components, and customization options, making it ideal for everything from startup projects to enterprise-level solutions.
Whether you're developing a CRM, SaaS platform, analytics dashboard, eCommerce admin panel, or business management system, Cuba React Pro provides the tools and features you need to deliver outstanding user experiences.
---
## ⚖️ Compare Free & Pro Editions
Choose the edition that best fits your development needs. The Free Edition provides the core features required to build responsive admin dashboards and web applications, making it ideal for learning, personal projects, and small-scale applications.
For developers, agencies, and businesses seeking advanced functionality, Cuba React Pro unlocks premium dashboards, ready-to-use applications, powerful UI components, extensive customization options, and priority support.
### 📊 Feature Comparison
| Feature | Free Edition | Pro Edition |
| :--- | :---: | :---: |
| 📱 **Fully Responsive Design** | :white_check_mark: Included | :white_check_mark: Included |
| 🎨 **Light Theme** | :white_check_mark: Included | :white_check_mark: Included |
| 🌙 **Dark Mode** | :white_check_mark: Included | :white_check_mark: Included |
| 🌈 **Multiple Theme Colors** | :x: Not Included | :white_check_mark: Included |
| 🌐 **RTL Support** | :white_check_mark: Included | :white_check_mark: Enhanced |
| ⚙️ **Theme Customizer** | :x: Not Included | :white_check_mark: Included |
| 🏠 **Landing Pages** | :x: Not Included | :white_check_mark: Included |
| 📊 **Dashboard Variations** | :white_check_mark: 1 Included | :white_check_mark: Included |
| 📱 **Ready-to-Use Applications** | :x: Not Included | :white_check_mark: Included |
| 🧩 **Premium Widgets** | :x: Not Included | :white_check_mark: Included |
| 📝 **Advanced Form Elements** | :x: Not Included | :white_check_mark: Included |
| 📑 **Advanced Form wizard** | :x: Not Included | :white_check_mark: Included |
| 📈 **10+ Chart Libraries** | :x: Not Included | :white_check_mark: Included |
| 📊 **Advanced Data Tables** | :x: Not Included | :white_check_mark: Included |
| ✉️ **Email Templates** | :x: Not Included | :white_check_mark: Included |
| ✍️ **Rich Text Editors** | :x: Not Included | :white_check_mark: Included |
| 🗺️ **Maps Integration** | :x: Not Included | :white_check_mark: Included |
| 📅 **Calendar Application** | :x: Not Included | :white_check_mark: Included |
| 💬 **Chat Application** | :x: Not Included | :white_check_mark: Included |
| 📬 **Mailbox Application** | :x: Not Included | :white_check_mark: Included |
| 🛒 **eCommerce Application** | :x: Not Included | :white_check_mark: Included |
| 📁 **File Manager** | :x: Not Included | :white_check_mark: Included |
| 🔐 **Authentication Pages** | :white_check_mark: Basic Pages | :white_check_mark: Complete Collection |
| :x: **Error Pages** | :white_check_mark: Basic Pages | :white_check_mark: Premium Collection |
| 🧩 **UI Components** | :white_check_mark: Basic Components | :white_check_mark: Premium Components |
| 🌐 **Multi-language Support** | :x: Not Included | :white_check_mark: Included |
| 🔄 **Free Updates** | :x: Not Included | :white_check_mark: Lifetime Updates |
| 💬 **Support** | :x: Community Support Only | :white_check_mark: Premium Priority Support |
| 🚀 **Demo** | <a href="https://react.pixelstrap.net/cuba-free-version"><img src="https://img.shields.io/badge/🚀%20Live%20Demo-6C63FF?style=for-the-badge" alt="Free Demo"></a> | <a href="https://react.pixelstrap.com/cuba-context"><img src="https://img.shields.io/badge/🚀%20Live%20Demo-6C63FF?style=for-the-badge" alt="Pro Demo"></a> |
| 🛒 **Download** | <a href="#"><img src="https://img.shields.io/badge/⬇️%20Download%20Free-22C55E?style=for-the-badge" alt="Download Free"></a> | <a href="https://www.pixelstrap.com/item/cuba-tailwind-bootstrap-react-angular-vue-nuxt-next-js-net-laravel-admin-dashboard-template"><img src="https://img.shields.io/badge/⬇️%20Download%20Now-FF6B35?style=for-the-badge" alt="Buy Now"></a> |
---
## 🌐 Explore Cuba Across Popular Frameworks
Cuba is available for multiple modern frameworks and technologies, allowing you to choose the stack that best fits your development workflow. Each edition offers the same clean design, responsive layouts, rich UI components, and production-ready features while following the best practices of its respective ecosystem.
Whether you're building with **Angular**, **React**, **Vue**, **Next.js**, **Nuxt**, **Laravel**, or **Django**, Cuba provides a consistent developer experience with reusable components, scalable architecture, and regular updates.
<table>
<tr>
<td align="center" width="33%">
<h3>Angular</h3>
<a href="https://www.pixelstrap.com/item/cuba-tailwind-bootstrap-react-angular-vue-nuxt-next-js-net-laravel-admin-dashboard-template">
<img src="https://admin.pixelstrap.com/free/cuba/img/preview.jpg" width="320">
</a>
</td>
<td align="center" width="33%">
<h3>Vue</h3>
<a href="https://www.pixelstrap.com/item/cuba-tailwind-bootstrap-react-angular-vue-nuxt-next-js-net-laravel-admin-dashboard-template">
<img src="https://admin.pixelstrap.com/free/cuba/img/preview.jpg" width="320">
</a>
</td>
<td align="center" width="33%">
<h3>Next</h3>
<a href="https://www.pixelstrap.com/item/cuba-tailwind-bootstrap-react-angular-vue-nuxt-next-js-net-laravel-admin-dashboard-template">
<img src="https://admin.pixelstrap.com/free/cuba/img/preview.jpg" width="320">
</a>
</td>
</tr>
</table>
---
- [Admin template](https://www.pixelstrap.com/category/admin-templates) by Pixelstrap
- [Ecommerce Templates](https://www.pixelstrap.com/category/ecommerce-templates) by Pixelstrap
- [Shopify Templates](https://www.pixelstrap.com/category/shopify) by Pixelstrap
- [Mobile APP](https://www.pixelstrap.com/category/mobile-app) by Pixelstrap
- [Code](https://www.pixelstrap.com/category/code) by Pixelstrap
- [Creative](https://www.pixelstrap.com/category/creative) by Pixelstrap
- [Figma Templates](https://www.pixelstrap.com/category/figma-design) by Pixelstrap
Explore similar templates
Compare previews and descriptions within the same stack and category.
ant-design-pro
Ant Design Pro is an enterprise-grade React admin scaffold built on React 19, Umi Max 4, and antd 6 with TypeScript.
React · Admin dashboard
coreui-free-react-admin-template
CoreUI's free React admin template, built on React and the CoreUI component library, provides dashboard layouts, sidebar navigation, routing, and example views. It includes .cursorrules, ARCHITECTURE.md, and DEVELOPMENT.md context files, plus JSDoc comments and PropTypes, to support AI-assisted development.
React · Admin dashboard
fastapi-react
A Cookiecutter template for FastAPI + React (TypeScript) full-stack projects, integrating PostgreSQL, SQLAlchemy, Alembic, Celery, Redis, JWT authentication, a react-admin admin panel, and a Docker Compose development environment with Nginx reverse proxy.
React · Admin dashboard
react-antd-admin-template
A React + Ant Design admin template for mid- and back-office products, with built-in login/logout, dynamic routing, permission checks, and user management.
React · Admin dashboard
react-saas-template
A React and Material-UI template for SaaS or admin websites, offering dashboard, chart, blog, payment, and file upload components. It uses Create-React-App, React-Router, Recharts, React-Stripe-js, React-Dropzone, and React-Cropper, with theme colors centralized in src/theme.js.
React · Admin dashboard
react-material-admin
React Material Admin is an MIT-licensed React admin template by Flatlogic, built on Material-UI. It provides dashboards, charts, tables, authentication, profile, and notification pages, with three color themes and responsive layouts.
React · Admin dashboard