{"id":13637424,"url":"https://github.com/mdbootstrap/mdb-angular-ui-kit","last_synced_at":"2025-04-29T18:18:38.397Z","repository":{"id":37718074,"uuid":"95210402","full_name":"mdbootstrap/mdb-angular-ui-kit","owner":"mdbootstrap","description":"Angular 19 \u0026 Bootstrap 5 \u0026 Material Design UI KIT","archived":false,"fork":false,"pushed_at":"2025-04-07T10:19:00.000Z","size":142733,"stargazers_count":1135,"open_issues_count":3,"forks_count":282,"subscribers_count":59,"default_branch":"master","last_synced_at":"2025-04-29T18:18:33.225Z","etag":null,"topics":["angular","bootstrap","bootstrap5","material-design-bootstrap","ui-kit"],"latest_commit_sha":null,"homepage":"https://mdbootstrap.com/docs/angular/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mdbootstrap.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-06-23T10:29:45.000Z","updated_at":"2025-04-28T01:18:06.000Z","dependencies_parsed_at":"2024-01-15T17:02:33.893Z","dependency_job_id":"62a99df1-f458-4237-97aa-173ff0800127","html_url":"https://github.com/mdbootstrap/mdb-angular-ui-kit","commit_stats":{"total_commits":306,"total_committers":27,"mean_commits":"11.333333333333334","dds":0.6666666666666667,"last_synced_commit":"9b605332c3701dcf3ae120741fcf9012994244b4"},"previous_names":["mdbootstrap/angular-bootstrap-with-material-design"],"tags_count":37,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fmdb-angular-ui-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fmdb-angular-ui-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fmdb-angular-ui-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fmdb-angular-ui-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdbootstrap","download_url":"https://codeload.github.com/mdbootstrap/mdb-angular-ui-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251556471,"owners_count":21608452,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["angular","bootstrap","bootstrap5","material-design-bootstrap","ui-kit"],"created_at":"2024-08-02T00:01:17.214Z","updated_at":"2025-04-29T18:18:38.378Z","avatar_url":"https://github.com/mdbootstrap.png","language":"SCSS","readme":"Bootstrap 5 \u0026 Angular 19 UI KIT - 700+ components, MIT license, simple installation.\n\nMDB is a collection of free Bootstrap templates, themes, design tools \u0026 resources.\n\n---\n\n# Get started\n\n### [\u003e\u003e Get Started in 1 minute](https://mdbootstrap.com/docs/angular/getting-started/installation/)\nSimple installation via .zip, npm or cdnjs.\n\n### [\u003e\u003e Install with MDBGO](https://mdbgo.com/)\n Free Hosting, WordPress support, custom domains, SSL support, free database, frontend \u0026 backend templates, webpack starter included, git repostiory, FTP \u0026 jenkins support.\n\n### [\u003e\u003e Install with MDBGO + e-commerce shop integration](https://mdbgo.com/wordpress-shop/)\nOne click setup! MDB GO allows you to create a WordPress page with a single click.\nRegardless whether you want to create a Travel Blog or an e-commerce shop to sell your product you can easily do that. You can even combine both into single page.\n\n\n## About Material Design for Bootstrap 5 \u0026 Angular 19\n\n\u003cp\u003eCreated by \u003ca href=\"https://mdbootstrap.com\"\u003e\u003cimg height=\"30\" src=\"https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-angular-r.png\"\u003e\u003c/a\u003e\n\u003ca href=\"https://npmcharts.com/compare/angular-bootstrap-md?minimal=true\"\u003e \u003cimg src=\"https://img.shields.io/npm/dm/mdbootstrap.svg?label=NPM%20Downloads\" alt=\"Downloads\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/mdbootstrap/mdb-angular-ui-kit/blob/master/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"License\"\u003e\u003c/a\u003e\n\u003ca href=\"https://x.com/intent/post?text=Thanks+%40mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+5+UI+KIT+https%3A%2F%2Fmdbootstrap.com%2Fdocs%2Fjquery%2F\u0026hashtags=javascript%2Ccode%2Cwebdesign%2Cbootstrap\"\u003e\u003cimg src=\"https://img.shields.io/twitter/url/http/shields.io.svg?style=social\u0026label=Let%20us%20know%20you%20were%20here%21\u0026\"\u003e\u003c/a\u003e\n\u003ca href=\"https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/\"\u003e\n  \u003cimg src=\"https://img.shields.io/static/v1?label=MDBootstrap\u0026message=Tutorial\u0026labelColor=007bff\u0026color=ffffff\u0026logoColor=007bff\u0026textColor=000000\" alt=\"MDBootstrap tutorial\"\u003e\n\u003c/a\u003e\u003c/p\u003e\n\nTrusted by \u003cb\u003e3 000 000+\u003c/b\u003e developers \u0026 designers. Used by companies \u0026 institutions like\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003cimg width=\"300\" src=\"https://mdbootstrap.com/img/logo/brands/nasa.png\"\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/nike.png\"\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/amazon.png\"\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/sony.png\"\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/samsung.png\"\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/airbus.png\"\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/yahoo.png\"\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/deloitte.png\"\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/ge.png\"\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/kpmg.png\"\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/unity.png\"\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/ikea.png\"\u003e\n      \u003ctd\u003e\u003cimg src=\"https://mdbootstrap.com/img/logo/brands/aegon.png\"\u003e\n    \u003c/tr\u003e\n   \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n          \u003ca href=\"https://mdbootstrap.com/docs/angular/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n          \t\t\u003cimg src=\"https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/angular/about/assets/mdb5-angular.jpg\"\u003e\n          \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cul\u003e\n        \u003cli\u003e\u003cb\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/\"\u003e700+ UI components\u003c/a\u003e\u003c/b\u003e\u003c/li\u003e\n         \u003cli\u003eSuper simple, 1 minute installation\u003c/li\u003e\n         \u003cli\u003eDetailed docs \u0026 practical examples\u003c/li\u003e\n         \u003cli\u003eLots of tutorials\u003c/li\u003e\n         \u003cli\u003eHuge and active community\u003c/li\u003e\n         \u003cli\u003e\u003cb\u003eMIT license - free for personal \u0026 commercial use\u003c/b\u003e\u003c/li\u003e\n        \u003c/ul\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n   \u003c/tbody\u003e\n\u003c/table\u003e\n\n___\n\n# Bootstrap 5 tutorial\n\n**[\u003e\u003e Learn more about Bootstrap 5](https://mdbootstrap.com/docs/standard/)**\n\n\n**[\u003e\u003e Bootstrap 5 Tutorial](https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/)**\n\n**[\u003e\u003e Subscribe to our YouTube channel with dozens of Bootstrap tutorials](https://www.youtube.com/c/Mdbootstrap)**\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n         \u003ca href=\"https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/\" alt=\"Bootstrap Tutorials\" rel=\"dofollow\"\u003e\n          \t\t\u003cimg src=\"https://mdbootstrap.com/wp-content/uploads/2020/12/learnmore-1.png\"\u003e\n          \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n          \u003ca href=\"https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/#section-beginner\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n          \t\t\u003cimg src=\"https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/assets/featured-image.png\"\u003e\n          \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n     \u003ctr\u003e\n        \u003ctd align=\"center\"\u003e\n          \u003cp align=\"center\"\u003e\u003cb\u003eStart learning from Basics\u003c/b\u003e\u003c/p\u003e\n          \u003ca href=\"https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n          \t\t\u003cimg src=\"https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png\"\u003e\n          \u003c/a\u003e\n         \u003c/td\u003e\n        \u003ctd align=\"center\"\u003e\n          \u003cp align=\"center\"\u003e\u003cb\u003eLearn Bootstrap 5 | Crash Course for Beginners in 1.5H\u003c/b\u003e\u003c/p\u003e\n          \u003ca href=\"https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/#section-beginner\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n          \t\t\u003cimg src=\"https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png\"\u003e\n          \u003c/a\u003e\n         \u003c/td\u003e\n      \u003c/tr\u003e\n   \u003c/tbody\u003e\n\u003c/table\u003e\n\n---\n\n# Demo\n\n#### Simplicity and ease of use are key features of MDB 5 Angular UI Kit. You need only one minute to install and run it.\n\n### Buttons\n\n\u003cp\u003eUse MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/components/buttons/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-buttons.gif\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/components/buttons/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-social-buttons.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/components/buttons/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-buttons2.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/components/buttons/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-buttons-outline.gif\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n### Spinners\n\n\u003cp\u003eIndicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/components/spinners/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-loader.gif\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/components/spinners/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-color-spinners.gif\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n### Cards\n\n\u003cp\u003eA card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/components/cards/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-cards.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n### Footer\n\n\u003cp\u003eA footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/navigation/footer/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-footer.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n### Hover\n\n\u003cp\u003eMDB hover effect appears when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/content-styles/hover-effects/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-hover.gif\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/content-styles/hover-effects/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-hover2.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n### Notes\n\n\u003cp\u003eNotes are small components very helpful in inserting an additional piece of information.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/docs/angular/content-styles/typography/\" alt=\"Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-alerts.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n\u003c/table\u003e\n\n___\n\n# Extended documentation\n\n\u003cul\u003e\n\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/code/\"\u003eBootstrap Angular Code Blocks\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/gallery/\"\u003eBootstrap Angular Gallery\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/hamburger-menu/\"\u003eBootstrap Angular Hamburger Menu\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/jumbotron/\"\u003eBootstrap Angular Jumbotron\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/maps/\"\u003eBootstrap Angular Maps\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/media-object/\"\u003eBootstrap Angular Media Object\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/mega-menu/\"\u003eBootstrap Angular Mega Menu\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/multiselect/\"\u003eBootstrap Angular Multiselect\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/social-media/\"\u003eBootstrap Angular Social Media Icons \u0026 Buttons\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/textarea/\"\u003eBootstrap Angular Textarea\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/table-search/\"\u003eBootstrap Angular Table Search\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/table-scroll/\"\u003eBootstrap Angular Table Scroll\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/table-responsive/\"\u003eBootstrap Angular Table Responsive\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/table-sort/\"\u003eBootstrap Angular Table Sort\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/panels/\"\u003eBootstrap Angular Panels\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/masonry/\"\u003eBootstrap Angular Masonry\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/contact/\"\u003eBootstrap Angular Contact\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/gradients/\"\u003eBootstrap Angular Gradients\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/pagination/\"\u003eBootstrap Angular Pagination\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/angular/extended/search/\"\u003eBootstrap Angular Search\u003c/a\u003e\u003c/li\u003e\n\n\u003c/ul\u003e\n","funding_links":[],"categories":["Angular","Third Party Components"],"sub_categories":["Frameworks","UI Libraries built on Material"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fmdb-angular-ui-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdbootstrap%2Fmdb-angular-ui-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fmdb-angular-ui-kit/lists"}