DreamsLMS is the best platform for LMS. It includes templates for online courses and education that elevate your e-learning skills. DreamsLMS is a template that functions as both online learning and combined learning, which is made for any type of educational website such as online schools, colleges, and universities. Beautiful design highlights engaging content.
- Angular 22.x
- Bootstrap 5.3.8
- Angular Material
- JSON Datas
- Lazy Loading
- No Jquery
- Font Awesome icons
- Feather icons
- RXJS
- API Integrated Datas
- ESLint Integrated
- Fully Responsive Layout
- Cross Browser Compatibleg
- Easy to Customize
- Clean & Well Commented Codes
- Compatible to all Mobile Devices
- Detailed Documentation
- Developer Friendly
- And Many More...
Project Overview
The project follows a modular structure with clear separation of concerns.
angular/
├── template/
│ └──src/
│ ├── assets/
│ ├── app/
│ ├── environment/
│ ├── favicon.ico/
│ ├── index.html/
│ ├── main.ts/
│ ├── polyfills.ts/
│ ├── style.scss/
│ └── test.ts/
├── editorconfig
├── eslintrc.json
├── angular.json
├── package-lock.json
├── package.json
├── README.md
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.spec.json
├── template-rtl/
│ ├── src/
│ ├── assets/
│ ├── app/
│ ├── environment/
│ ├── favicon.ico/
│ ├── index.html/
│ ├── main.ts/
│ ├── polyfills.ts/
│ ├── style.scss/
│ └── test.ts/
├── editorconfig
├── eslintrc.json
├── angular.json
├── package-lock.json
├── package.json
├── README.md
├── tsconfig.app.json
├── tsconfig.json
└── tsconfig.spec.json
-
Node.js and NPM :
If NodeJS is not installed then download it from https://nodejs.org/. NPM comes bundled with Node.js.Recommended Node version (v24.15.0 or higher) -
Angular-cli :
You can install angular-cli by executing from your command windownpm install -g @angular/cli. More details can be found here https://github.com/angular/angular-cli
If you have Angular CLI installed previously, update it to the latest Angular CLI. Remove the older version and re-install it.
npm install --global @angular/cli@22NPM Packages
- Before proceding you'll need to install npm packages. You can do this by
running
npm installfrom the root of your project to install all the necessary dependencies.
npm install
Development Server
- Run
ng servefor a dev server. Navigate to localhost:4200/. The app will autometically reload if you change any of the source files.
ng serveBuild Project
- Run
ng buildto build the project. The build artifacts will be stored in thedist/directory. Use the--prodflag for a production build.
Path: src/app/shared/service/sidebar/sidebar.service.ts
You can change a initialState with value of "dark-mode" or "light-mode"
localStorage.getItem('themeColor') || 'light-mode'DreamsLms is developed by Dreams Technologies and is available under both Envato Extended & Regular License options.
Regular License
Usage by either yourself or a single client is permitted for a single end product, provided that end users are not subject to any charges.
Extended License
For use by you or one client in a single end product for which end users may be charged.
What are the main differences between the Regular License and the Extended License?
If you operate as a freelancer or agency, you have the option to acquire the Extended License, which permits you to utilize the item across multiple projects on behalf of your clients.
Need Support?
If this documentation does not address your questions, please feel free to contact us via email at support@dreamstechnologies.com
Reach the team at GMT+5:30. Typical reply within 12–24 hours on weekdays — rarely up to 48 hrs during holidays. Support is available to verified buyers for template-related issues.
Contact SupportImportant Note : We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.
Do you need a customized application for your business?
If you need a customized application for your business depends on your specific requirements and goals, Please contact us. Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.
Don't Miss Out on the Benefits of Customization!
Unlock the potential of your project. It's time to ensure your project isn't another cookie-cutter solution but truly unique and effective one.
Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!
We'll tailor the application to meet your specific needs and preferences.
We will upload your website to the server and ensure it is live.
| NAME | URL |
|---|---|
| Bootstrap | https://getbootstrap.com/docs/ |
| Apex charts | https://www.npmjs.com/package/ng-apexcharts |
| Fontawesome | https://www.npmjs.com/package/@fortawesome/fontawesome-free |
| Ngx Bootstrap | https://www.npmjs.com/package/ngx-bootstrap |
| Editor | https://www.npmjs.com/package/ngx-editor |
| Rxjs | https://www.npmjs.com/package/rxjs |
| Angular Material | https://material.angular.io/ |
| Clipboard | https://www.npmjs.com/package/ngx-clipboard |
| Lightbox | https://www.npmjs.com/package/ngx-lightbox |
| Scrollbar | https://www.npmjs.com/package/ngx-scrollbar |
Thank You
Thank you once again for downloading DreamsLms.
We hope you're enjoying your experience, and we kindly request that you take a
moment to share your valuable review and rating with us.