{"id":27671180,"url":"https://github.com/6qd/bootstrap-xd","last_synced_at":"2025-04-24T23:01:13.535Z","repository":{"id":50513183,"uuid":"194310616","full_name":"60dd/bootstrap-xd","owner":"60dd","description":"Bootstrap Design Template — Assets Library — for Adobe XD","archived":true,"fork":false,"pushed_at":"2020-06-27T05:23:51.000Z","size":12736,"stargazers_count":90,"open_issues_count":5,"forks_count":18,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-04-19T10:14:33.394Z","etag":null,"topics":["adobe","bootstrap4","design","designer","mockup","prototyping","template","uikit","xd"],"latest_commit_sha":null,"homepage":"https://6qd.github.io/bootstrap-xd-guide/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/60dd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-06-28T17:28:10.000Z","updated_at":"2024-11-13T12:42:52.000Z","dependencies_parsed_at":"2022-08-31T02:01:55.100Z","dependency_job_id":null,"html_url":"https://github.com/60dd/bootstrap-xd","commit_stats":null,"previous_names":["6qd/bootstrap-xd"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/60dd%2Fbootstrap-xd","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/60dd%2Fbootstrap-xd/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/60dd%2Fbootstrap-xd/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/60dd%2Fbootstrap-xd/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/60dd","download_url":"https://codeload.github.com/60dd/bootstrap-xd/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250724680,"owners_count":21476876,"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":["adobe","bootstrap4","design","designer","mockup","prototyping","template","uikit","xd"],"created_at":"2025-04-24T23:00:41.424Z","updated_at":"2025-04-24T23:01:13.505Z","avatar_url":"https://github.com/60dd.png","language":null,"funding_links":[],"categories":["Others"],"sub_categories":[],"readme":"6qd/bootstrap-xd\n---\n\n![](https://user-images.githubusercontent.com/14285777/60989531-3a8df000-a381-11e9-82bd-2a3173ebc049.png)\n\nBootstrap Design Template — Assets Library — for Adobe XD\n\n## Sample\n\nColors | Images | Lists | Tables | Typography\n--- | --- | --- | --- | --- \n![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Contents-Colors.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Contents-Images.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Contents-Lists.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Contents-Tables.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Contents-Typography.png)\n\nAlerts | Badges | Breadcrumb | Buttons | Cards\n--- | --- | --- | --- | --- \n![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Alerts.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Badges.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Breadcrumb.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Buttons.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Cards.png)\n\nCarousel | Forms | Jumbotron | ListGroup | MediaObject\n--- | --- | --- | --- | --- \n![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Carousel.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Forms.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Jumbotron.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-ListGroup.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-MediaObject.png)\n\nModal | Pagination | Progress | Spinners | Toasts\n--- | --- | --- | --- | --- \n![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Modal.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Pagination.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Progress.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Spinners.png) | ![](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/export/Components-Toasts.png)\n\nand more. Check other artboards from [here `/export`](https://github.com/6qd/bootstrap-assets-for-xd/tree/master/export)\n\nThat is not all. \nYou can use **Colors and Character Styles of Bootstrap in Assets Panel**. By placing text and objects and applying them, you can create realistic mockup in a short time.\n\nColors | Character Styles | Compornents\n--- | --- | ---\n![image](https://user-images.githubusercontent.com/14285777/60752652-2fdefe00-a003-11e9-9c83-33534787b4f2.png) | ![image](https://user-images.githubusercontent.com/14285777/60752653-33728500-a003-11e9-88a4-84b6789492a5.png) | ![image](https://user-images.githubusercontent.com/14285777/60752655-366d7580-a003-11e9-9ca6-790e511afa77.png)\n\n## Features\n\n### 1. Fully reproduce the browser display.\n\nThe system font of mac was specified for the object to be placed. If you install fonts according to the README, the preparation is complete.\nDo you care how you did it? I traced the screenshots just.\n\n### 2. Effective use of Assets Panel.\n\nMake the most of your asset panel. You can place basic components and change the Colors, or apply Character Styles to placed text.\n\n### 3. Maximize the possibilities of XD.\n\nIncluding many features to make your work more efficient like responsive size features, art boards with grid layout settings, etc.\n\n## Getting Started\n\n- install [Adobe XD](https://www.adobe.com/products/xd.html)\n- go to [Fonts - Apple Developer](https://developer.apple.com/fonts/) and install `SF Pro`\n- in Finder, move to `/Applications/Utilities/Terminal.app/Contents/Resources/Fonts/` and install `SFMono-Regular.otf` files\n- download XD file from [here](https://github.com/6qd/bootstrap-assets-for-xd/releases/latest), and open it!\n- design with [Bootstrap Documentation](https://getbootstrap.com/docs/4.3/content/typography/)\n\n## Licence\n\nThis project is licensed under the MIT License - see the [LICENSE](https://github.com/6qd/bootstrap-assets-for-xd/blob/master/LICENSE) file for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F6qd%2Fbootstrap-xd","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F6qd%2Fbootstrap-xd","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F6qd%2Fbootstrap-xd/lists"}