{"id":13785000,"url":"https://github.com/twilson63/material-hyperscript","last_synced_at":"2025-07-13T18:32:30.583Z","repository":{"id":57291997,"uuid":"59236437","full_name":"twilson63/material-hyperscript","owner":"twilson63","description":"Material Design Lite meets Hyperscript","archived":false,"fork":false,"pushed_at":"2016-08-06T20:59:39.000Z","size":13,"stargazers_count":11,"open_issues_count":0,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-08-03T19:09:10.383Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/twilson63.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-05-19T19:31:24.000Z","updated_at":"2023-07-24T10:53:05.000Z","dependencies_parsed_at":"2022-08-27T12:20:36.566Z","dependency_job_id":null,"html_url":"https://github.com/twilson63/material-hyperscript","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilson63%2Fmaterial-hyperscript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilson63%2Fmaterial-hyperscript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilson63%2Fmaterial-hyperscript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilson63%2Fmaterial-hyperscript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/twilson63","download_url":"https://codeload.github.com/twilson63/material-hyperscript/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225094359,"owners_count":17419982,"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":[],"created_at":"2024-08-03T19:00:54.909Z","updated_at":"2024-11-17T21:30:51.363Z","avatar_url":"https://github.com/twilson63.png","language":"JavaScript","readme":"# Material Hyperscript\n\nMaterial Design Lite is a project that implements the Material Design:\n\n\u003e Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now.\n\nThis project uses MDL to implement `hyperscript` components for `mdl`\n\nHyperscript can be used in several frameworks: CycleJS, Mercury, React - or stand-alone.\n\n## Example\n\n``` js\nvar { h, create, diff, patch } = require('virtual-dom')\nvar {layout, header, headerRow, title,\n  spacer, nav, navLink, content} = require('material-hyperscript')(h)\n\ndocument.body.appendChild(\n  create(\n    layout([\n      header([\n        headerRow([\n          title('Hello World'),\n          spacer(),\n          nav([\n            navLink(['Link 1']),\n            navLink(['Link 2'])\n          ])\n        ])\n      ]),\n      content([\n        h('h1', ['Hello World'])\n      ])\n    ])\n  )\n)\n```\n\n## Install\n\n```\nnpm install material-design-lite --save\nnpm install material-hyperscript --save\n```\n\n## Setup\n\nindex.html - head\n\n``` html\n\u003clink rel=\"stylesheet\" href=\"/node_modules/material-design-lite/material.min.css\"\u003e\n\u003cscript src=\"/node_modules/material-design-lite/material.min.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\u003e\n```\n\n## Documentation\n\n[TODO]\n\n\nChangelog\n----\n\nmaterial-hyperscript follows [semantic versioning](http://semver.org/). To see a changelog with all material-hyperscript releases, check out the [Github releases page](https://github.com/twilson63/material-hyperscript/releases).\n\nFor a concise list of breaking changes, there's the [wiki list of breaking changes](https://github.com/twilson63/material-hyperscript/wiki/Breaking-changes).\n\nContributing\n------------\n\nWe're always looking for new contributors! If you'd like to try your hand at writing code, writing documentation, designing the website, writing a blog post, or answering [questions on StackOverflow](http://stackoverflow.com/search?tab=newest\u0026q=material-hyperscript), then we'd love to have your input.\n\nIf you have a pull request that you'd like to submit, please read the [contributing guide](https://github.com/twilson63/material-hyperscript/blob/master/CONTRIBUTING.md) for info on style, commit message format, and other (slightly!) nitpicky things like that. Material-hyperscript is heavily tested, so you'll also want to check out the [testing guide](https://github.com/twilson63/material-hyperscript/blob/master/TESTING.md).\n","funding_links":[],"categories":["UI Bootstraps"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwilson63%2Fmaterial-hyperscript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftwilson63%2Fmaterial-hyperscript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwilson63%2Fmaterial-hyperscript/lists"}