Free and easy-to-use admin template based on React 17+

Overview

Lightence

React-powered 100% FREE Admin Dashboard Template for building rich user interfaces significantly faster. For developers of all levels. Open-source and maintained by the Altence team.

Lightence Admin Template

Key Features

  • ๐Ÿš€ This solution allows you to reduce MVP development costs by up to 40%
  • ๐Ÿœ Lightence admin dashboard template is based on a rich library powered by Ant Design
  • ๐Ÿ’ฐ 100% Free: start using it for your projects right away. No hidden payments, no trials, nothing
  • ๐Ÿ’Š Medical dashboard includes: customizable medical dashboard for data-driven applications
  • ๐Ÿ’ป Any backend supported: the dashboard supports any kind of backend by just updating an API
  • โญ Modern & great for projects of tomorrow: built with React, Redux and Ant Design; Bootstrap and jQuery 100% free
  • ๐Ÿ‡บ๐Ÿ‡ณ Internationalized: built-in internationalization support
  • ๐Ÿ“ฑ Mobile first: optimized to reduce data usage on mobile devices
  • ๐Ÿ”ฅ Responsive & adaptive: supports mobile, tablet, and desktop screens
  • โ˜Ž๏ธ Supports PWA to get all advantages of native mobile apps
  • ๐ŸŽจ Theming: use built-in light and dark themes or implement your own theme with just lines of code
  • ๐ŸŒ“ Day & night mode: dark theme is automatically activated
  • ๐Ÿ‹๏ธ Optimized bundle size: use the latest features of building tools to reduce the final bundle size

Under the Hood

  • ๐Ÿ’ฏ 60+ ready-to-use customizable UI components
  • ๐Ÿš„ All-set business flow: login, sign up, forgot password, profile flows
  • ๐Ÿ Custom pages: 400 error, 500 error, profile
  • ๐Ÿ—ž๏ธ Built-in apps: News Feed, Kanban
  • ๐Ÿ‘ Fully typescripted
  • โœ… Clean code: enjoy the world-recognized code style with our own enhancements
  • ๐Ÿงฑ Solid architecture: in compliance with the best architectural practices
  • ๐Ÿ“ƒ MIT License

Demo

Check out a live demo.

Installation

Requirements

To go with the latest version please copy and past in your terminal the following steps

git clone https://github.com/altence/lightence-admin.git my-awesome-project && cd my-awesome-project

Development mode

yarn install && yarn start

Production mode

yarn install && yarn build

How to analyze the bundle size

yarn install && yarn build --stats

And then use the webpack-bundle-analyzer to open build/bundle-stats.json.

How to build your project based on Lightence

git clone -b starter https://github.com/altence/lightence-admin.git my-awesome-project && cd my-awesome-project

And you will see a demos-free template.

Where to get help

Contribution

Letโ€™s create great products together! We encourage and welcome collaboration and any type of contribution. ๐Ÿ‘‰ Learn the contributing docs on how to contribute the right way.

Want to get popular?

If you use Lightence in your app development, please, let us know, and weโ€™ll showcase your work to provide more awareness to your product.

Components by request

As our admin system with a medical dashboard is fully customizable, we understand that you might need more components than it currently has. In case you didn't find a needed component inside Lightence, contact us to order it.

How you can give a shout-out to us

  • ๐Ÿ—๏ธ Make your disruptive products with Lightence
  • โญ Star our GitHub repo
  • ๐Ÿž Create requests, submit bugs, suggest new features
  • โ˜„๏ธ Spread the word and share links about Lightence on social media
  • ๐Ÿ”ฅ Follow us on Twitter and LinkedIn

Need developersโ€™ help?

At Altence, we are always ready to get your feedback or give you advice if needed. We can also become your partner in development in case you need help with your projects. Drop us a line (email) and weโ€™ll get back to you shortly.

Comments
  • Cannot build the project and deploy on Heroku (for example)

    Cannot build the project and deploy on Heroku (for example)

    Hello Team, thank you for this project !. I forked this project to build my own app (it is for our office). I have almost finished the developments but i cannot deploy the app. I cannot even see the "index.html" in the build folder (Looks like it have not been generated).

    On heroku, the app is deployed but it cannot start. Here is what i got :

    2022-11-17T11:30:11.611665+00:00 heroku[run.1263]: State changed from up to complete 2022-11-17T11:48:43.147702+00:00 heroku[web.1]: State changed from crashed to starting 2022-11-17T11:48:54.743785+00:00 heroku[web.1]: Starting process with command npm start 2022-11-17T11:48:56.457981+00:00 app[web.1]: 2022-11-17T11:48:56.457996+00:00 app[web.1]: > [email protected] start 2022-11-17T11:48:56.457997+00:00 app[web.1]: > yarn buildThemes && craco start 2022-11-17T11:48:56.457997+00:00 app[web.1]: 2022-11-17T11:48:57.900755+00:00 app[web.1]: command not found: lessc 2022-11-17T11:48:58.054611+00:00 heroku[web.1]: Process exited with status 127 2022-11-17T11:48:58.119504+00:00 heroku[web.1]: State changed from starting to crashed

    Please help me, i am almost at the deadline !!

    Describe the bug A clear and concise description of what the bug is.

    To Reproduce Steps to reproduce the behavior:

    1. Go to '...'
    2. Click on '....'
    3. Scroll down to '....'
    4. See error

    Expected behavior A clear and concise description of what you expected to happen.

    Screenshots If applicable, add screenshots to help explain your problem.

    Desktop (please complete the following information):

    • OS: [e.g. iOS]
    • Browser [e.g. chrome, safari]
    • Version [e.g. 22]

    Smartphone (please complete the following information):

    • Device: [e.g. iPhone6]
    • OS: [e.g. iOS8.1]
    • Browser [e.g. stock browser, safari]
    • Version [e.g. 22]

    Additional context Add any other context about the problem here.

    opened by abdoulayefalltigo 6
  • Login: Wrong Font

    Login: Wrong Font

    Describe the bug email and password inputs use different fonts The same issue for Sign up form as well

    Expected behavior email and password should both use Montserrat font.

    bug good first issue 
    opened by alexanderrudnik 5
  • Chart Goes Somewhere

    Chart Goes Somewhere

    To Reproduce Steps to reproduce the behavior:

    Screenshots https://i.imgur.com/V3VZI3F.png

    Desktop (please complete the following information):

    • OS: Windows
    • Browser Chrome
    bug 
    opened by alexanderrudnik 3
  • Nft dashboard changes

    Nft dashboard changes

    1. Implement Recently Added NFTs cards for tablet and desktop
    2. Update data on charts. Make it close to design charts
    3. Recent activity add overflow only for cards
    4. Sider. Your Activity Story. Overflow should not cover title
    5. You can spend time on insta stories implementation
    6. Investigate and add suggestions for animations. themeforest.net
    opened by ESadouski 2
  • Background Image doesn't Extend

    Background Image doesn't Extend

    To Reproduce Steps to reproduce the behavior:

    Screenshots Screenshot

    Desktop (please complete the following information):

    • OS: Windows
    • Browser Chrome

    Additional context Add any other context about the problem here.

    bug 
    opened by alexanderrudnik 2
  • Kanban Extra Settings Missing Hover Effect

    Kanban Extra Settings Missing Hover Effect

    Describe the bug No hover effect on Kanban Card Extra settings dropdown

    To Reproduce Steps to reproduce the behavior:

    1. Go to Kanban
    2. Click on '...'
    3. You will see that there is missing hover effect

    Expected behavior Add hover effect

    Screenshots image

    bug good first issue 
    opened by alexanderrudnik 1
  • Step Form ForwardRef Error

    Step Form ForwardRef Error

    Describe the bug ForwardRef error

    To Reproduce Steps to reproduce the behavior:

    1. Go to Advanced Forms -> Step Form
    2. Click Next button
    3. You will see an error in the console

    Expected behavior No errors

    Screenshots image

    bug good first issue 
    opened by alexanderrudnik 1
  • Step Form: Missing i18n

    Step Form: Missing i18n

    Describe the bug There are missing i18n for error messages in Step Form

    Expected behavior Add i18n and check all messages on having the corresponding i18n.

    Screenshots image

    bug good first issue 
    opened by alexanderrudnik 1
  • Kanban: Assignee Gets Removed once Clicked on it

    Kanban: Assignee Gets Removed once Clicked on it

    Describe the bug When the user clicks on the assignee area, it's getting removed.

    Expected behavior Assignee should be removed once user clicks on X button, not assignee themselves

    bug good first issue 
    opened by alexanderrudnik 1
  • Search Filter Icon

    Search Filter Icon

    Describe the bug When the header filter is applied there is no visual effect on the icon

    Expected behavior Filter icon should have some effect when active

    bug good first issue 
    opened by alexanderrudnik 1
  • Cannot build the project

    Cannot build the project

    build

    I got this error while yarn build command and here is my package.json file

    { "name": "lightence-admin", "version": "1.0.0", "license": "MIT", "description": "Free and easy-to-use admin template based on React 17+", "repository": { "type": "git", "url": "git+github.com:altence/lightence-admin.git" }, "bugs": { "url": "https://github.com/altence/lightence-admin/issues" }, "dependencies": { "@ant-design/icons": "^4.6.2", "@craco/craco": "^6.1.2", "@reduxjs/toolkit": "^1.7.1", "@types/lodash": "^4.14.188", "antd": "^4.22.4", "antd-mask-input": "^0.1.15", "axios": "^0.24.0", "axios-mock-adapter": "^1.20.0", "country-list": "^2.2.0", "dayjs": "^1.11.0", "echarts": "^5.1.2", "echarts-for-react": "^3.0.1", "elt-react-credit-cards": "^0.0.1", "google-map-react": "^2.1.10", "history": "^5.3.0", "i18next": "^20.4.0", "leaflet": "^1.7.1", "lodash": "^4.17.21", "moment": "^2.29.4", "patch-package": "^6.4.7", "pigeon-maps": "^0.19.7", "postinstall-postinstall": "^2.1.0", "react": "^17.0.2", "react-avatar": "^5.0.3", "react-big-calendar": "^1.5.0", "react-country-flag": "^3.0.2", "react-dom": "^17.0.2", "react-helmet": "^6.1.0", "react-i18next": "^11.11.4", "react-infinite-scroll-component": "^6.1.0", "react-insta-stories": "^2.3.0", "react-leaflet": "next", "react-phone-number-input": "^3.1.27", "react-redux": "^7.2.6", "react-responsive": "^8.2.0", "react-router-dom": "^6.0.2", "react-router-hash-link": "^2.4.3", "react-scripts": "4.0.3", "react-simple-maps": "^2.3.0", "react-slick": "^0.28.1", "react-trello": "^2.2.11", "react-verification-input": "^2.0.3", "redux-persist": "^6.0.0", "slick-carousel": "^1.8.1", "slotpicker": "^3.0.1", "styled-components": "^5.3.0", "typeface-lato": "^1.1.13", "typeface-montserrat": "^1.1.13", "typescript": "^4.1.2", "uuid": "^8.3.2", "web-vitals": "^1.0.1", "workbox-background-sync": "^5.1.3", "workbox-broadcast-update": "^5.1.3", "workbox-cacheable-response": "^5.1.3", "workbox-core": "^5.1.3", "workbox-expiration": "^5.1.3", "workbox-google-analytics": "^5.1.3", "workbox-navigation-preload": "^5.1.3", "workbox-precaching": "^5.1.3", "workbox-range-requests": "^5.1.3", "workbox-routing": "^5.1.3", "workbox-strategies": "^5.1.3", "workbox-streams": "^5.1.3" }, "scripts": { "start": "yarn buildThemes && craco --openssl-legacy-provider start", "build": "yarn buildThemes && craco --openssl-legacy-provider build", "test": "craco test", "eject": "craco eject", "lint": "eslint "/**/.{js,ts,tsx}" --fix", "lint:styles": "stylelint '/**/.{js,ts,tsx}'", "prepare": "husky install", "postinstall": "patch-package", "buildThemes": "lessc --js --clean-css="--s1 --advanced" src/styles/themes/main.less public/themes/main.css" }, "browserslist": [ ">0.2%", "not dead", "not op_mini all", "not IE 11" ], "devDependencies": { "@types/country-list": "^2.1.0", "@types/google-map-react": "^2.1.3", "@types/leaflet": "^1.7.9", "@types/react": "^17.0.43", "@types/react-big-calendar": "^0.38.2", "@types/react-dom": "^17.0.14", "@types/react-helmet": "^6.1.5", "@types/react-phone-number-input": "^3.0.13", "@types/react-responsive": "^8.0.2", "@types/react-router-dom": "^5.1.7", "@types/react-router-hash-link": "^2.4.4", "@types/react-simple-maps": "^1.0.7", "@types/react-slick": "^0.23.8", "@types/styled-components": "^5.1.10", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^5.10.0", "@typescript-eslint/parser": "^5.8.0", "craco-alias": "^3.0.1", "eslint": "^7.28.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-prettier": "^3.4.0", "eslint-plugin-react": "^7.24.0", "eslint-plugin-react-hooks": "^4.3.0", "husky": "^6.0.0", "less": "^4.1.2", "less-plugin-clean-css": "^1.5.1", "lint-staged": "^11.0.0", "prettier": "^2.3.1", "stylelint": "^13.13.1", "stylelint-config-recommended": "^5.0.0", "stylelint-config-styled-components": "^0.1.1", "stylelint-processor-styled-components": "^1.10.0", "webpack-bundle-analyzer": "^4.4.2", "webpackbar": "^5.0.0-3" }, "lint-staged": { "/**/.{js,ts,tsx}": "yarn lint" }, "engines": { "node": "16.x" }, "resolutions": { "react-error-overlay": "6.0.9", "source-map": "^0.8.0-beta.0" }, "packageManager": "[email protected]", "keywords": [ "lightence", "admin", "admin-dashboard", "ant-design", "react" ] }

    opened by aslamabid 1
  • Fix: Ant Menu Deprecated Warnings

    Fix: Ant Menu Deprecated Warnings

    Description

    Fixes #237

    Type of change

    • [x] Bug fix (non-breaking change which fixes an issue)

    How Has This Been Tested?

    • by running the project locally
    • making sure that the routes are working
    • making sure that the issue is resolved by checking console logs

    Checklist:

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] My changes generate no new warnings
    • [x] New and existing unit tests pass locally with my changes
    opened by UtkarshM-hub 3
  • Fix/dropdown&modal errors

    Fix/dropdown&modal errors

    Description

    fix console errors from antd dropdown and modal

    Type of change

    Please delete options that are not relevant.

    • [x] Bug fix (non-breaking change which fixes an issue)

    How Has This Been Tested?

    tested locally

    Checklist:

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] I have made corresponding changes to the documentation
    • [x] My changes generate no new warnings
    • [x] New and existing unit tests pass locally with my changes
    • [x] Any dependent changes have been merged and published in downstream modules
    opened by leineveber 0
  • feat(nft-dashboard): add top up modal

    feat(nft-dashboard): add top up modal

    Description

    add top up modal for nft dashboard

    Type of change

    Please delete options that are not relevant.

    • [x] New feature (non-breaking change which adds functionality)

    How Has This Been Tested?

    tested locally

    Checklist:

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] I have made corresponding changes to the documentation
    • [x] My changes generate no new warnings
    • [x] New and existing unit tests pass locally with my changes
    • [x] Any dependent changes have been merged and published in downstream modules
    opened by leineveber 0
  • Fix Ant Menu Deprecated Warnings

    Fix Ant Menu Deprecated Warnings

    Is your feature request related to a problem? Please describe. Ant Design Menu component suggest to use items instead of children for better performace.

    Describe the solution you'd like Check sidebar and Dropdowns page and fix console warnings.

    enhancement good first issue 
    opened by alexanderrudnik 1
Releases(v2.0.0)
Admin One โ€” Free React Tailwind 3.x Admin Dashboard with dark mode

Admin One โ€” Free React Tailwind 3.x Admin Dashboard with dark mode Tailwind 3.x React with Next.js and TypeScript Tailwind 3.x React with Next.js and

JustBoil.me 52 Dec 31, 2022
CoreUI React is a free React admin template based on Bootstrap 5

CoreUI Free React Admin Template v4 CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app i

CoreUI 3.9k Jan 2, 2023
React Reduction - Free Admin Template Built with React and Bootstrap4

React Reduction - Free Admin Template Built with React and Bootstrap4 Preview You can check out live preview. Quick Start Clone the repo git clone htt

Reduction Theme 1.4k Jan 3, 2023
Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React

Mosaic Lite is a responsive dashboard template built on top of TailwindCSS and fully coded in React

Cruip 1.5k Dec 31, 2022
Berry free react material-ui admin template for easing and faster web development.

Berry is a creative free react admin template build using the Material-UI. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops.

CodedThemes 1k Jan 5, 2023
โš›๏ธA free and beautiful React admin dashboard template pack.

Shards Dashboard React A free React admin dashboard template pack featuring a modern design system and lots of custom templates and components. โœจ Note

DesignRevision 1.6k Dec 30, 2022
Free React.js Admin template

Azia Admin React is yet another incredible admin template from BootstrapDash that is based on the Bootstrap framework. The template is tastefully designed and coded to perfection. Azia Admin React comes packed with a lot of bootstrap components, UI elements, and built-in sample pages to kick-start your project.

BootstrapDash 43 Oct 24, 2022
Berry is a creative free react admin template build using the Material-UI

Berry is a creative free react admin template build using the Material-UI. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops.

CodedThemes 1k Jan 3, 2023
Free React Typescript Admin Dashboard Template built with Material-UI

Tokyo Free White Typescript React Admin Dashboard Free React Typescript Admin Dashboard Template built with Material-UI This free and open source admi

Horia S 191 Dec 25, 2022
Star Admin Free React Template

Star Admin Free React Template Star Admin React is yet another incredible admin template from BootstrapDash that is based on Bootstrap framework. The

BootstrapDash 216 Dec 27, 2022
Corona React - Free Admin Template

Corona React - Free Admin Template Love dark mode? Hereโ€™s Corona React, now available as a free template. Donโ€™t let the name scare you, Corona is a sl

BootstrapDash 179 Dec 28, 2022
CoreUI is free bootstrap admin template for react

CoreUI Free Bootstrap Admin Template For React

CoreUI 11.5k Jan 7, 2023
Datta Able Free Bootstrap 4 Admin Template

Datta Able Free Dashboard Template made using Bootstrap 4 framework, It is a free lite version of Datta Able Pro Dashboard Template that makes you fulfill your Dashboard needs.

CodedThemes 113 Dec 21, 2022
๐Ÿ”ฎ Sofia React Template - Admin Dashboard Template built with React

?? Sofia React Template - Admin Dashboard Template built with React

Flatlogic 128 Dec 23, 2022
merchant management admin template based on React.js

User Management Admin with React.js Available Scripts In the project directory, you can run: npm start Runs the app in the development mode. Open http

Roman Gavrilov 2 Nov 19, 2021
Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin.

Notus NextJS A beautiful UI Kit and Admin for Tailwind CSS and NextJS. Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin. Le

Creative Tim 827 Dec 31, 2022
Free React Admin Dashboard made with Material UI components and React.

Minimal UI (Free version) Free React Admin Dashboard made with Material UI components and React. Minimal Kit FREE Minimal Kit PRO 7 Demo Pages 40 demo

null 1.3k Jan 6, 2023
Notus React: Free Tailwind CSS UI Kit and Admin

Notus React A beautiful UI Kit and Admin for Tailwind CSS and React. Start your development with a Free Tailwind CSS and React UI Kit and Admin. Let N

Creative Tim 610 Dec 30, 2022