{"id":14062754,"url":"https://github.com/mdbootstrap/mdb-starter-vite","last_synced_at":"2026-04-02T18:29:45.617Z","repository":{"id":66086877,"uuid":"535704152","full_name":"mdbootstrap/mdb-starter-vite","owner":"mdbootstrap","description":null,"archived":false,"fork":false,"pushed_at":"2024-08-28T15:30:37.000Z","size":12,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-07-20T14:23:47.889Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/mdbootstrap.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-12T14:23:03.000Z","updated_at":"2024-08-28T15:30:41.000Z","dependencies_parsed_at":"2024-08-13T07:13:20.974Z","dependency_job_id":null,"html_url":"https://github.com/mdbootstrap/mdb-starter-vite","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mdbootstrap/mdb-starter-vite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fmdb-starter-vite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fmdb-starter-vite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fmdb-starter-vite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fmdb-starter-vite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdbootstrap","download_url":"https://codeload.github.com/mdbootstrap/mdb-starter-vite/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fmdb-starter-vite/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267702930,"owners_count":24130463,"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","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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-08-13T07:02:13.366Z","updated_at":"2026-04-02T18:29:45.569Z","avatar_url":"https://github.com/mdbootstrap.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"![MDB Logo](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-r.png)\n\n# MDB 5 Vite Starter\n\n### Vite boilerplate for Bootstrap 5 \u0026 Material Design 2.0 UI Kit\n\n**[\u003e\u003e Support MDB 5 with a STAR](https://github.com/mdbootstrap/mdb-ui-kit/)**\n\n**[\u003e\u003e MDB 5 Demo](https://mdbootstrap.com/docs/standard/#demo)**\n\n\u003ca href=\"https://npmcharts.com/compare/mdbootstrap?minimal=true\"\u003e \u003cimg src=\"https://img.shields.io/npm/dm/mdbootstrap.svg?label=MDB%20Downloads\" alt=\"Downloads\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/mdbootstrap/bootstrap-material-design/blob/master/License.pdf\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"License\"\u003e\u003c/a\u003e\n\u003ca href=\"https://twitter.com/intent/tweet/?text=Thanks+@mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+4+UI+KIT%20https://mdbootstrap.com/docs/jquery/\u0026hashtags=javascript,code,webdesign,bootstrap\"\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://www.youtube.com/watch?v=c9B4TPnak1A\u0026t=6s\"\u003e\u003cimg alt=\"YouTube Video Views\" src=\"https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views\u0026style=social\"\u003e\u003c/a\u003e\n\n___\n\n\u003e :warning: The use of this Starter is at your own risk and assumes basic knowledge of Vite, JavaScript and CSS preprocessors. We recommend creating custom versions of MDB UI KIT and themes only for advanced developers.\n\n___\n\n### Installation\n```\nnpm install\n```\n\nA free version of **MDB UI Kit** is already included as a dependency, to upgrade it to PRO version install the package you own with the command below.\n\n\u003e **Pro Essential installation**\n\u003e ```\n\u003e npm install git+https://oauth2:ACCESS_TOKEN@git.mdbootstrap.com/mdb/standard/mdb-ui-kit-pro-essential\n\u003e ```\n\n\u003e **Pro Advanced installation**\n\u003e ```\n\u003e npm install git+https://oauth2:ACCESS_TOKEN@git.mdbootstrap.com/mdb/standard/mdb-ui-kit-pro-advanced\n\u003e ```\n\n### Dev Server\n```\nnpm run start\n```\n\n### Build\n```\nnpm run build\n```\n\n\n### Features:\n\n* Bundling via [Vite](https://github.com/vitejs/vite) v3.1.0\n* ES6+ Support via [babel-cli](https://github.com/babel/babel) v7.18.10\n* SASS Support via [sass](https://github.com/sass/dart-sass) v1.54.8\n* Linting via [eslint-webpack-plugin](https://github.com/webpack-contrib/eslint-webpack-plugin) v3.2.0\n* Unit Testing via [jest](https://github.com/facebook/jest) v29.0.1\n* Code Formatting via [prettier](https://github.com/prettier/prettier) v2.7.1\n\n### Files structure:\n\n```\nmy-project/\n├── src/\n│   ├── js/\n│   ├── scss/\n│   └── index.html\n└── vite.config.js\n```\n\u003cbr\u003e\u003cbr\u003e\n\n___\n\n# MDB UI KIT - Importing of MDB files\n\n### Importing JS modules\nYou can import the entire library or just individual modules. The default import method is ES module import.\nhis type of import requires using the **initMDB** method for all components that rely on the auto initiation used on the page.\n```\nimport { Ripple, initMDB } from 'mdb-ui-kit/js/mdb.es.min.js'; // Import needed modules\nwindow.Ripple = Ripple;\ninitMDB({ Ripple }) // Initialize imported modules to enable data-attribute init\n```\n\nAlternatively, you can import using UMD format. MDB in UMD format will work without adding more elements, but will lack treeshaking.\n```\nimport * as mdb from 'mdb-ui-kit/js/mdb.umd.min.js'; // lib\nimport { Input } from 'mdb-ui-kit/js/mdb.umd.min.js'; // module\nimport { Input as CustomInput } from 'mdb-ui-kit/js/mdb.umd.min.js'; // module with custom name\n```\n\n### Importing CSS file\nTo import MDB stylesheet please use the following syntax:\n```\n@import 'mdb-ui-kit/css/mdb.min.css';\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fmdb-starter-vite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdbootstrap%2Fmdb-starter-vite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fmdb-starter-vite/lists"}