GitHub - flatlogic/light-blue-react: Light Blue React - Admin Dashboard Template built with React

πŸš€ Light Blue React - A Free Transparent React Admin Template!

View Demo | Download | More Templates | Discord Community | Support Forum

Originally a premium product priced at $69+, made available for free in January 2025! πŸŽ‰

Looking for a perfect codebase generator for your Startup? Try Flatlogic AI Web App Generator - our new tool, sort of a template++.


  • Ex-Premium: This template was previously paid. Enjoy it for free now. πŸ˜‰
  • Tons of components: Hundreds of ready-to-use UI elements, charts, and more.
  • Join the Community: Flatlogic Discord is where the action happens.
  • Free Node.js Backend: Pair it up with this backend to go full-stack.

πŸš€ Quick Start

  1. Clone the repo

    git clone https://github.com/flatlogic/light-blue-react.git
    cd light-blue-react
  2. Install dependencies

    This repository is maintained with npm lockfile (package-lock.json). Peer override is currently required because several legacy demo dependencies still declare React 18 peer ranges.

  3. Run the app

    Navigate to http://localhost:3000/.

  4. Backend Support

  5. Build for production

  6. Preview production build locally

  7. Run tests


🧩 Features

  • Easily customizable styling & themes
  • Over 30 Unique Pages
  • Fully Responsive
  • React 19
  • React Router 7
  • Bootstrap 5
  • Developer-Oriented Dashboard
  • Fully Documented Codebase

πŸ›  Built With

  • React 19
  • Bootstrap 5
  • Node.js
  • Vite 7 + SWC
  • Vitest
  • SASS
  • JavaScript (ES6)

Node engine target in package.json: ^20.19.0 || >=22.12.0.


πŸ“¦ Components

  • UI Elements (Badge, Card, Carousel, Modal, etc.)
  • Charts (Flot, Morris, Rickshaw, Sparkline, Easy Pie Charts)
  • Forms (Validation, Wizard, Elements)
  • Dashboards (Analytics, Visits)
  • Pages (Profile, E-commerce, Calendar, Chat, Error)
  • Maps (Google, Vector)

🌍 Available Variants

Material Transparent Classic Sofia Flatlogic
React React Material Admin Light Blue React Sing App React Sofia React One React
Angular Angular Material Admin Light Blue Angular Sing App Angular - -
Vue Material Vue Light Blue Vue Sing App Vue - -
Bootstrap - Light Blue HTML5 Sing App HTML5 - One Bootstrap

Additionally, these templates are tailored for specific business needs:


πŸ‘¨β€πŸ’» How to Contribute

  • Star this repo ⭐ - show some love.
  • Report bugs - but be nice.
  • Join the Discord - meet fellow devs.

πŸ”₯ About Flatlogic

Flatlogic AI Software Engineer builds modern business software so you don't have to. Our AI Software Development Agent helps you generate, deploy, and maintain enterprise applications with minimal effort.


πŸ“œ License

This template is free to use. Modify it, break it, make it your own. Just don’t try to sell it back to us. 😎


Questions or feedback?
Join our Flatlogic Community Discord or visit our support forum. We might even reply!