{"id":13500573,"url":"https://github.com/aozora/bootmetro","last_synced_at":"2025-09-26T22:31:47.488Z","repository":{"id":3405068,"uuid":"4455122","full_name":"aozora/bootmetro","owner":"aozora","description":"Simple and complete web UI framework to create web apps with Windows 8 Metro user interface, based on Bootstrap 2.","archived":true,"fork":false,"pushed_at":"2020-10-01T16:11:05.000Z","size":17067,"stargazers_count":2192,"open_issues_count":38,"forks_count":504,"subscribers_count":273,"default_branch":"master","last_synced_at":"2024-05-10T21:57:33.180Z","etag":null,"topics":["bootstrap","css","metro-ui"],"latest_commit_sha":null,"homepage":"http://aozora.github.io/bootmetro","language":"HTML","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/aozora.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG","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":"2012-05-26T13:41:43.000Z","updated_at":"2024-05-05T19:39:17.000Z","dependencies_parsed_at":"2022-08-26T12:34:21.097Z","dependency_job_id":null,"html_url":"https://github.com/aozora/bootmetro","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aozora%2Fbootmetro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aozora%2Fbootmetro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aozora%2Fbootmetro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aozora%2Fbootmetro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aozora","download_url":"https://codeload.github.com/aozora/bootmetro/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234356511,"owners_count":18819378,"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":["bootstrap","css","metro-ui"],"created_at":"2024-07-31T22:01:05.668Z","updated_at":"2025-09-26T22:31:39.863Z","avatar_url":"https://github.com/aozora.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"# BootMetro\n\u003e Please pay attention that this project is no longer maintaned.\n\nBootMetro provides simple and flexible HTML, CSS, and Javascript for web apps that wants to use the \"Windows 8 MetroUI\" style, without the need to run on Windows 8.\nIt is built on top of Twitter Bootstrap and HTML5 Boilerplate.\n\n\n## Features\nThe framework permit to create web applications with the look\u0026feel of Windows 8 \"Windows Store App\" (ex \"MetroUI\" style).\nMaybe not ideal for internet web sites, the MetroUI style can be adopted for modern intranet web sites.\nI've choose to use as base the awesome Twitter Bootstrap framework, applying a set of customizations in pure css.\n\n\nThe framework integrate and extend the work first done by other great people:\n   - [HTML5 Boilerplate](http://html5boilerplate.com/)\n   - [Twitter Bootstrap](http://twitter.github.com/bootstrap)\n   - [IcoMoon](http://keyamoon.com/icomoon/#toHome)\n\n## Build from sources\n\n### Prepare your environment\n* Install Node.js and NPM (should come with)\n* Install global dev dependencies (Windows users should run it as administrator): npm install -g grunt-cli karma\n* Instal local dev dependencies: npm install while current directory is bootmetro repo\n\n### Build\nTo build the whole project run 'grunt' in the project directory.\n\n## Versioning\n\n### Latest Release: v1.0.0 Alpha1\nThis release is based on Twitter Bootstrap 2; the v2.0 will be completely redone from scratch using as base Twitter Bootstrap v3.\n\n#### BREAKING CHANGES:\n- Replaced icomoon font with a new icomoon set generated with PUA. Many icon-* class names has changed;\n- internal mapping of char codes has changed, please be patient and check every icon you used.\n- the static resources in the content folder has been moved to the assets folder\n- toast markup has changed, now it is conforming to the bootstrap media object model.\n- listview markup has changed, now it is conforming to the bootstrap media object model.\n- removed default padding-top: 24px and padding-bottom: 88px (scaffolding.less)\n\n#### List of changes:\n- source files now builds with [GruntJS](http://gruntjs.com/)\n- bug fixes over v0.6\n- New and revamped documentation pages, separated from demo pages, with all metro widgets \u0026 customization integrated with the original bootstrap documentation.\n- updated Bootstrap Less files to latest v2.3.1\n- new Metro Nav List (like the one used in the doc sidebar)\n- new Page Header with back button and various styles\n- new RTL support for metro checkboxes \u0026 radio buttons\n- move CSS to LESS and integrate build with Bootstrap\n- complete Tiles templates\n- Toast notifications\n- ListView\n- Pivot view (like WP8)\n- Dual license GPL2 + Apache2\n- Panorama plugin \u0026 Hub:\n      - new options\n      - simplified markup\n\n### Latest Release: v1.0.0 alpha 1\n* BREAKING CHANGES:\n   * icomoon.css is now bootmetro-icons.css and is recomended to have it before bootmetro.css\n   * bootmetro.js is now bootmetro-panorama.js\n      * classes in hub.html to use panorama scroll, are changed from metro* to panorama*\n* moved bootmetro main css files to LESS\n* upgraded to jQuery 1.8.3\n* upgraded to Modernizr 2.6.2\n* integrated HTML5 Boilerplate 4.0.1\n* added metro controls:\n   * new panorama\n   * new pivot\n   * Metro Progress Bars, determinate \u0026 indeterminate \u0026 ring\n   * Metro styled date picker\n   * FlipView\n   * Toast notifications\n* Metro Layouts\n* use NiceScroll for Hub scrolling with touch support\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e v1.0.0-alpha1-wip\n\n## v0.6\n* Various bug fixes\n* restored correct use of OpenSans web font\n* upgraded to use Twitter Bootstrap v2.2.1\n* added ListView demo\n* added Wizard demo (in progress)\n* styled modal dialogs as Metro guidelines for messages and errors/warnings.\n\n## ToDo\n\n* check layout guideline on \"Understanding the Windows 8 silhouette\"\n   * make 2 layout grid: h-scroll + v-scroll\n* (almost done) Complete the implementation of the tiles templates (add counter \u0026 mini ico)\n* demo form page with notifications\n* demo image thumbs selectables\n* demo charms with docs\n\n## License\nBootMetro is dual licensed, GPL-2 and Apache-2; see the LICENSE file.\n\n## Links\n\n### Official Metro UI Guidelines\n\n* [UX guidelines for Metro style apps](http://msdn.microsoft.com/en-us/library/windows/apps/hh465424)\n\n* [Understanding the Windows 8 silhouette](http://msdn.microsoft.com/en-us/library/windows/apps/hh872191)\n\n* [Navigation design for Metro style apps](http://msdn.microsoft.com/en-us/library/windows/apps/hh761500)\n\n* [Guidelines and checklist for search](http://msdn.microsoft.com/en-us/library/windows/apps/hh465233)\n\n* [Commanding design for Metro style apps](http://msdn.microsoft.com/en-us/library/windows/apps/hh761499)\n\n* [Guidelines and checklist for text and typography](http://msdn.microsoft.com/en-us/library/windows/apps/hh700394)\n\n* [Choosing the right UI surfaces]( http://msdn.microsoft.com/en-us/library/windows/apps/hh465304)\n\n* [Choosing a tile template](http://msdn.microsoft.com/en-us/library/windows/apps/hh761491.aspx)\n   \n* [Tile image sizes](http://msdn.microsoft.com/en-us/library/windows/apps/hh781198.aspx)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faozora%2Fbootmetro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faozora%2Fbootmetro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faozora%2Fbootmetro/lists"}