{"id":15295866,"url":"https://github.com/digicorp/propeller-angular-bootstrap-with-material-design","last_synced_at":"2026-02-15T20:02:59.063Z","repository":{"id":57331749,"uuid":"210816150","full_name":"digicorp/Propeller-Angular-Bootstrap-with-Material-Design","owner":"digicorp","description":null,"archived":false,"fork":false,"pushed_at":"2020-09-29T16:26:08.000Z","size":4,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-10-09T08:34:28.712Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/digicorp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-09-25T10:17:51.000Z","updated_at":"2021-05-20T14:46:06.000Z","dependencies_parsed_at":"2022-09-05T10:11:08.595Z","dependency_job_id":null,"html_url":"https://github.com/digicorp/Propeller-Angular-Bootstrap-with-Material-Design","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/digicorp/Propeller-Angular-Bootstrap-with-Material-Design","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digicorp%2FPropeller-Angular-Bootstrap-with-Material-Design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digicorp%2FPropeller-Angular-Bootstrap-with-Material-Design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digicorp%2FPropeller-Angular-Bootstrap-with-Material-Design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digicorp%2FPropeller-Angular-Bootstrap-with-Material-Design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/digicorp","download_url":"https://codeload.github.com/digicorp/Propeller-Angular-Bootstrap-with-Material-Design/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digicorp%2FPropeller-Angular-Bootstrap-with-Material-Design/sbom","scorecard":{"id":341806,"data":{"date":"2025-08-11","repo":{"name":"github.com/digicorp/Propeller-Angular-Bootstrap-with-Material-Design","commit":"c270482bd02f22bf272cac62c146120ab4671570"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.6,"checks":[{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 0/2 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}}]},"last_synced_at":"2025-08-18T06:05:14.460Z","repository_id":57331749,"created_at":"2025-08-18T06:05:14.460Z","updated_at":"2025-08-18T06:05:14.460Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29487785,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-15T19:29:10.908Z","status":"ssl_error","status_checked_at":"2026-02-15T19:29:10.419Z","response_time":118,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-09-30T18:08:27.099Z","updated_at":"2026-02-15T20:02:59.046Z","avatar_url":"https://github.com/digicorp.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbr\u003e\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"https://propeller.in/frameworks/angular\"\u003e\n    \u003cimg height=\"40\" src=\"http://angular.propeller.in/propeller-angular-logo.png\" /\u003e\n  \u003c/a\u003e\n  \u003cp align=\"left\"\u003e\n    Propeller Angular is a Material Design Front-end UI framework based on Angular 9, Bootstrap 4 and Sass. It is responsive and makes building web applications and websites faster with less coding.\n  \u003c/p\u003e\n\u003c/p\u003e\n\n## Table of contents\n\n- [Key Features](#key-features)\n- [Download](#download)\n- [Prerequisites](#prerequisites)\n- [Package Installation using Command](#package-installation-using-command-line)\n- [Get Started with Propeller Angular Themes](#get-started-with-propeller-angular-themes)\n- [Setup](#setup)\n- [Usage](#usage)\n- [Bugs and feature requests](#bugs-and-feature-requests)\n- [Community](#community)\n- [License](#license)\n- [Author](#author)\n\n## Key Features\n\n- Built using Native Angular 9\n- Based on Bootstrap 4 and Material Design\n- Supports Angular CLI\n- Built using TypeScript\n- Themed using Sass\n- Detailed User Manual\n\n\n## Download\n\nPurchase the Angular Version of the Propeller library and get hands on the Angular components based on Bootstrap 4 and Material Design.\n\n\u003ca href=\"https://propeller.in/frameworks/angular/#pricing\"\u003e\u003cstrong\u003eView Packages\u003c/strong\u003e\u003c/a\u003e\n\n## Prerequisites\n\nBefore you start using Propeller Angular, make sure you have the packages @angular/cli and typescript npm installed globally in your system.These packages are necessary to develop an Angular application.\n\nTo install @angular/cli execute below command in your command line:\n\n```\nnpm install -g @angular/cli\n```\n\nTo install typescript execute below command in your command line:\n\n```\nnpm install -g typescript\n```\n\nCheckout the [Angular CLI](https://cli.angular.io/) website to get more information on how to get started with a new Angular app.\n\n\n## Package Installation using Command Line:\n\nFollow the below steps to install the Propeller Angular package using Command Line. Also, download the zip file from the receipt within 48 hours of purchase as it contains the themes - Propeller Angular Admin Theme and the Starter Template.\n\n**Step 1:** Create new angular project using Angular CLI command:\n\n```\nng new your-angular-project --style=scss\n```\n\n**Step 2:** cd your-angular-project\n\n**Step 3:** To install propeller-cli execute below command in your command line:\n\n```\nnpm install -g propeller-cli\n```\n\n**Step 4:** Run the following CLI command in the command line to install the propeller angular packages\n\n```\npmd install propeller-angular-bootstrap\n```\n\n**Step 5:** Enter the email address you used to make the purchase of the Propeller Angular in the Propeller website\n\n**Step 6:** Enter the Product Key from the email you would have received after making the purchase\n\n**Step 7:** Once you submit the product key it will automatically perform the pmd install command and install the Propeller Angular package and Bootstrap in your project. Once all the directory is setup, it's time to run the app on localhost. To do so, run:\n\n```\nng serve --o\n```\n\n**Step 8:** On executing the above command, you will be able to see the default app screen on the port 4200.\n\n\n## Get Started with Propeller Angular Themes\n**Step 1:** Download the zip file from the email received on making the purchase. The zip file contains the themes - Propeller Angular Admin Theme and the Starter Template.\n\n**Step 2:** Unzip the downloaded package and open your unpacked directory.\n\n**Step 3:** Depending on your node module manager install all the dependencies by executing the following command in the command line:\n\n```\nnpm install\n```\n\n**Step 4:** To install propeller-cli execute below command in your command line:\n\n```\nnpm install -g propeller-cli\n```\n\n**Step 5:** Run the following CLI command in the command line to install the propeller angular packages\n\n```\npmd install propeller-angular-bootstrap\n```\n\n**Step 6:** Enter the email address you used to make the purchase of the Propeller Angular in the Propeller website\n\n**Step 7:** Enter the Product Key from the email you would have received after making the purchase\n\n**Step 8:** Once you submit the product key it will automatically perform the pmd install command and install the Propeller Angular package and Bootstrap in the theme. Once all the directory is setup and all the dependencies are installed, it's time to run the theme on localhost. To do so, run:\n\n```\nng serve --o\n```\n\n**Step 9:** On executing the above command, you will be able to see the default app screen on the port 4200.\n\n\u003e **_NOTE:_** For customizing the theme, kindly check the theme user-manual in the documentation folder.\n\n## Setup\n\nFollow the below steps to setup Propeller Angular in your project.\n\n### Include Material Icons Library \n\nPropeller Angular uses Material Icons in all its components. So it is a must to include the Material Icons library in your project for the components to work properly. To include the library, add the following code in your index.html\n\n```\n\u003clink href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\"\u003e\n```\n\n### Include Bootstrap 4 Library\n\nTo make Propeller Angular components work, it is necessary to include Bootstrap in the project. You have two options:\n\n1. add styles to angular.json:\n\n```\n\"styles\": [\n    \"../node_modules/bootstrap/dist/css/bootstrap.min.css\",\n    \"styles.scss\"\n],\n```\n\n2. add styles to index.html:\n\n```\n\u003clink href=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\" rel=\"stylesheet\"\u003e\n```\n\n### Include Propeller SCSS\n\nOnce the Bootstrap CSS is included, the next step is to include Propeller SCSS. To use the components with the Google’s Material Design styling in your application, you just have to import the following file in your styles.scss if you are using Angular CLI\n\n```\n@import \"../node_modules/pmd-angular-bootstrap/assets/scss/propeller.scss\";\n```\nNow, if you want to modify the styling of the components as per your branding or add layout specific styling in your application, you will have to follow the below steps:\n\n1. Setup the SCSS file structure similar to the following in your project:\n\n```\nyour-project/\n└── src\n    ├── styles\n    |   └── variable.scss\n    |\n    └── styles.scss\n```\n\nNote: Here at Propeller, we follow the following folder and file structure to increase reusability in the projects.\n\n\n```\nyour-project/\n└── src\n    ├── styles\n    │   ├── base/\n    |   ├── components/\n    |   ├── layout/\n    |   ├── templates/\n    |   ├── vendors/\n    |   └── variable.scss\n    |\n    └── styles.scss\n```\n\nThe base folder contains of SCSS files like _reboot.scss which are used to style the HTML tags. The components folder contains SCSS files of the components you want to update. The vendors folder contains the third party CSS/SCSS files. The layout folder contains SCSS files the comman layout SCSS files and the templates folder contains the SCSS files specific to the particular templates of the application.\n\n2. Once the file structure is in place, you will have to import the Propeller’s Sass source files in the styles.scss in the following form.\n\n```\n// Propeller variable and functions\n@import \"../node_modules/pmd-angular-bootstrap/assets/scss/functions\";\n@import \"../node_modules/pmd-angular-bootstrap/assets/scss/mixins\";\n@import \"styles/variable\";\n\n// Propeller styles\n@import \"../node_modules/pmd-angular-bootstrap/assets/scss/propeller.scss\";\n\n// Project styles\n// Include the project specific below\n\n```\n\nNote: Here at Propeller, we follow the below structure for SCSS in all our themes and projects to increase re-usability in the projects. For example the _components.scss contains the list of SCSS files that are imported from the components folder. These .scss consists of the SCSS required to update or add new styling to the Propeller components as per your project.\n\n```\n// Project styles\n@import \"styles/base/reboot\";\n@import \"styles/components/components\";\n@import \"styles/templates/templates\";\n```\n\n[Click here](http://angular.propeller.in/sass-integration) to understand how to use the Sass variables, mixins and functions provided by Propeller Angular.\n\n### Import the component modules\nOnce the Propeller SCSS is setup, you can start using the Propeller components in your project. To use a Propeller Component, you will have to import the NgModule of that component:\n\n```\nimport { PmdButtonModule } from 'pmd-angular-bootstrap/button';\nimport { PmdFormGroupModule } from 'pmd-angular-bootstrap/input';\n@NgModule({\n...\nimports: [PmdButtonModule.forRoot(), PmdFormGroupModule.forRoot()],\n...\n})\nexport class ProjectAppModule { }\n```\n\n## Usage\n\nVisit [Propeller Angular User Guide](http://angular.propeller.in/) to get the detailed guidelines for using any component.\n\n\n## Bugs and feature requests\n\nFound any bug or issue or have any feedback, suggestions or questions? Post them on our [GITTER CHAT ROOM](https://gitter.im/Propeller-Material-Design-Bootstrap-Framework/Propeller-Angular-Support).\n\n\n## Community\n\nGet updates on Propeller Angular's development. Chat with the Product team and community members using Propeller.\n\n- Follow [@propellerkit on Twitter](https://twitter.com/PropellerKit).\n- Chat with fellow members on [GITTER](https://gitter.im/Propeller-Material-Design-Bootstrap-Framework/Propeller-Angular-Support).\n\n\n## License\n\nPropeller Angular v1.0 (http://propeller.in/frameworks/angular) \n© 2016-2019 [Digicorp Information Systems Pvt. Ltd.](https://www.digi-corp.com/)\nLicensed under [Propeller Angular Developer License](https://propeller.in/license/#license-content-1)\n\n\n## Author\n\nDeveloped and maintained at [Digicorp](https://www.digi-corp.com/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigicorp%2Fpropeller-angular-bootstrap-with-material-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdigicorp%2Fpropeller-angular-bootstrap-with-material-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigicorp%2Fpropeller-angular-bootstrap-with-material-design/lists"}