borakilicoglu / Nucleo

Nucleo – React Admin Template and Starter Project

Nucleo is a modular, multi-layout React admin template featuring custom made Application and Page layouts, UI elements and UX best practices.

The multi-layout setup allows using multiple template layouts without making any major changes to the general structure of the template. It also allows using a different layout per route.

Being able to set different layout per route makes Nucleo very flexible as it allows having any kind of page design within the same codebase. For example, you can have the main admin application, a landing page and authentication pages all within the same codebase without the constant need of hiding/showing layout level elements such as Navigation, Header or Footer.

Setup

Clone the repository

• git clone https://github.com/borakilicoglu/nucleo.git

Switch to the repo folder

• cd nucleo

Install dependencies

• npm install or yarn if using Yarn

Copy sample .env file and set JWT secret key

• npm run init:env or yarn init:env will copy .env.example to .env
• Manually set the SECRET variable, as well as the database config

General Features

• Modular design.
• Multiple theme layouts.
• Ability to set a different layout per route.
• Pre-built and ready to use application and page designs.
• Ready to use content layouts.
• Custom components for admin panel specific use cases.
• Starter project included for faster development.
• Full React Material theming support with customizable colors.
• Dark and Light color theme support.

Core Libraries

• React
• React Material Components
• TailwindCSS

Application Designs

Nucleo provides application designs along with some functionality. These functionalities are for demonstration purposes and shows what you can do with the provided application designs.

Included applications

• Analytics Dashboard
• Cryptocurrency Dashboard
• Calendar
• Contacts
• ECommerce
• Mailbox
• Tasks

Pages

Nucleo provides clean and consistent page designs to help you to create beautiful looking contents. Some of the page designs also comes with different variations such as Authentication and Pricing pages.

Included pages

• Authentication Pages
  • Sign in
  • Sign up
  • Sign out
  • Forgot password
  • Reset password
  • Unlock session
  • Confirmation required
• Coming soon
• Error
  • 404
  • 500
• Help center
  • Home
  • FAQs
  • Guides
  • Guide
  • Support
• Maintenance
• Pricing
  • Modern
  • Simple
  • Single
  • Table
• Profile

Browser Support

Nucleo supports all modern browsers; Chrome, Firefox, Safari and Edge Chromium. Post Chromium versions of Edge, IE11 and below are NOT supported!