{"id":13824384,"url":"https://github.com/superbvue/SuperBVue","last_synced_at":"2025-07-08T19:31:38.017Z","repository":{"id":57374688,"uuid":"319321555","full_name":"superbvue/SuperBVue","owner":"superbvue","description":"The Most Complete Vue UI Component Library using bootstrap v5","archived":false,"fork":false,"pushed_at":"2021-01-05T08:23:14.000Z","size":2236,"stargazers_count":14,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-14T07:32:25.465Z","etag":null,"topics":["boostrap5","bootstrap","vue","vue3"],"latest_commit_sha":null,"homepage":"https://superbvue.netlify.app/","language":"TypeScript","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/superbvue.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":"2020-12-07T13:02:01.000Z","updated_at":"2023-05-09T02:25:28.000Z","dependencies_parsed_at":"2022-08-29T21:01:47.624Z","dependency_job_id":null,"html_url":"https://github.com/superbvue/SuperBVue","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superbvue%2FSuperBVue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superbvue%2FSuperBVue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superbvue%2FSuperBVue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superbvue%2FSuperBVue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/superbvue","download_url":"https://codeload.github.com/superbvue/SuperBVue/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225457770,"owners_count":17477351,"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":["boostrap5","bootstrap","vue","vue3"],"created_at":"2024-08-04T09:01:01.853Z","updated_at":"2024-11-20T02:30:39.261Z","avatar_url":"https://github.com/superbvue.png","language":"TypeScript","funding_links":[],"categories":["Frameworks [🔝](#readme)","Packages","Components \u0026 Libraries"],"sub_categories":["Frameworks"],"readme":"# SuperBVue\n\n\u003c!-- **SuperBVue** gives you a set of accessible and composable [Vue](https://v3.vuejs.org/) components/UI that you can use to build your favourite applications and sites with [Bootstrap v5](https://getbootstrap.com/). --\u003e\n\n**SuperBVue** Bootstrap v5 UI component and grid system available for Vue v3\n\n## Looking for the documentation?\nHead over here ==\u003e [SuperBVue](https://superbvue.netlify.app/)\n\n## Prerequisite\n- Vue 3 is required\n\n## Features\n\n- **Ease of Styling:** SuperBVue using boostrap v5 UI\n- Fully support Vue 3\n- Typescript support\n- No JQuery dependencies\n\n## Installation\n\n```bash\nyarn add superbvue\n```\nor\n```bash\nnpm install superbvue\n```\n\n## Usage\n\n**1. Import the SuperBVue UI in your `main.js` file.**\n```js\nimport { createApp } from 'vue'\nimport { SBButton } from 'superbvue'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\napp.component('SBButton', SBButton)\n\napp.mount('#app')\n```\nOr in component level:\n```js\nimport { defineComponent } from 'vue'\nimport { SBButton } from 'superbvue'\n\nexport default defineComponent({\n  components: {\n    SBButton\n  }\n})\n```\n\n**2. In your component, you can global use it in template.**\n```html\n\u003ctemplate\u003e\n  \u003cSBButton\u003emy button\u003c/SBButton\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  components: {\n    SBButton\n  }\n})\n\u003c/script\u003e\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperbvue%2FSuperBVue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsuperbvue%2FSuperBVue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperbvue%2FSuperBVue/lists"}