Skip to content

flatlogic/light-blue-react

Repository files navigation

🚀 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++.


🎯 Why Light Blue React?

  • 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

    npm install --force

    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

    npm run dev

    Navigate to http://localhost:3000/.

  4. Backend Support

    npm run start:backend
  5. Build for production

    npm run build
  6. Preview production build locally

    npm run preview
  7. Run tests

    npm test

🧩 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!

About

Light Blue React - Admin Dashboard Template built with React

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages