---
title: React Templates
name: React Templates
description: Develop modern, beautiful, and responsive applications in half the time with high-performing and easy-to-customize react admin panels to cover any requirement.
menu: Templates
route: /templates/admin-dashboard
---

import {
  CCard,
  CCardBody,
  CCardSubtitle,
  CCardTitle,
  CCol,
  CImage,
  CLink,
  CRow 
} from '@coreui/react/src/index'

## React Admin & Dashboard Templates

Check out the fully-featured, ready-to-use admin dashboard templates built using CoreUI for React.js, and CoreUI PRO for React.js

<CRow>
  <CCol md={6}>
    <CCard className="mb-4">
      <CCardBody>
        <CLink className="text-decoration-none text-reset" href="https://coreui.io/react/#compare" target="_blank">
          <CCardTitle>Free React Admin Template</CCardTitle>
          <CCardSubtitle className="mb-3 text-body-secondary">Default Theme</CCardSubtitle>
          <CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_free_1440.webp" alt=""/>
        </CLink>
      </CCardBody>
    </CCard>
  </CCol>
  <CCol md={6}>
    <CCard className="mb-4">
      <CCardBody>
        <CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=default-v3" target="_blank">
          <CCardTitle>React Dashboard Template</CCardTitle>
          <CCardSubtitle className="mb-3 text-body-secondary">Default Theme v3</CCardSubtitle>
          <CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_v3_1440.webp" alt=""/>
        </CLink>
      </CCardBody>
    </CCard>
  </CCol>
  <CCol md={6}>
    <CCard className="mb-4">
      <CCardBody>
        <CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=light-v3" target="_blank">
          <CCardTitle>React Dashboard Template</CCardTitle>
          <CCardSubtitle className="mb-3 text-body-secondary">Light Theme v3</CCardSubtitle>
          <CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_v3_1440.webp" alt=""/>
        </CLink>
      </CCardBody>
    </CCard>
  </CCol>
  <CCol md={6}>
    <CCard className="mb-4">
      <CCardBody>
        <CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=default" target="_blank">
          <CCardTitle>React Dashboard Template</CCardTitle>
          <CCardSubtitle className="mb-3 text-body-secondary">Default Theme</CCardSubtitle>
          <CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_1440.webp" alt=""/>
        </CLink>
      </CCardBody>
    </CCard>
  </CCol>
  <CCol md={6}>
    <CCard className="mb-4">
      <CCardBody>
        <CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=light" target="_blank">
          <CCardTitle>React Dashboard Template</CCardTitle>
          <CCardSubtitle className="mb-3 text-body-secondary">Light Theme</CCardSubtitle>
          <CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_1440.webp" alt=""/>
        </CLink>
      </CCardBody>
    </CCard>
  </CCol>
  <CCol md={6}>
    <CCard className="mb-4">
      <CCardBody>
        <CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=dark" target="_blank">
          <CCardTitle>React Dashboard Template</CCardTitle>
          <CCardSubtitle className="mb-3 text-body-secondary">Dark Theme</CCardSubtitle>
          <CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_dark_1440.webp" alt=""/>
        </CLink>
      </CCardBody>
    </CCard>
  </CCol>
</CRow>