{"id":13565400,"url":"https://github.com/jxnblk/mdx-blocks","last_synced_at":"2025-04-14T00:26:14.383Z","repository":{"id":67375987,"uuid":"174638996","full_name":"jxnblk/mdx-blocks","owner":"jxnblk","description":null,"archived":false,"fork":false,"pushed_at":"2019-05-12T14:05:32.000Z","size":1275,"stargazers_count":191,"open_issues_count":0,"forks_count":8,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-27T14:47:37.914Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://mdx-blocks.netlify.com/","language":"JavaScript","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/jxnblk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-03-09T02:31:56.000Z","updated_at":"2023-12-15T10:50:04.000Z","dependencies_parsed_at":"2023-05-12T09:45:14.517Z","dependency_job_id":null,"html_url":"https://github.com/jxnblk/mdx-blocks","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jxnblk%2Fmdx-blocks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jxnblk%2Fmdx-blocks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jxnblk%2Fmdx-blocks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jxnblk%2Fmdx-blocks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jxnblk","download_url":"https://codeload.github.com/jxnblk/mdx-blocks/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248800112,"owners_count":21163404,"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-01T13:01:46.214Z","updated_at":"2025-04-14T00:26:14.216Z","avatar_url":"https://github.com/jxnblk.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Projects"],"sub_categories":[],"readme":"\n![icon](https://mdx-blocks.netlify.com/icon.png)\n\n# MDX Blocks\n\nA wild new way to build websites\n**EXPERIMENTAL**\n\n[![build status][]][travis]\n[![version][]][npm]\n![MIT License][license]\n\n[build status]: https://flat.badgen.net/travis/jxnblk/mdx-blocks\n[version]: https://flat.badgen.net/npm/v/mdx-blocks\n[license]: https://flat.badgen.net/badge/license/MIT/blue\n[npm]: https://npmjs.com/package/mdx-blocks\n[travis]: https://travis-ci.org/jxnblk/mdx-blocks\n\nhttps://mdx-blocks.netlify.com\n\n```sh\nnpm i mdx-blocks\n```\n\nImport and use MDX Blocks as layout components\n\n```mdx\nimport { Bar } from 'mdx-blocks'\n\nexport default props =\u003e\n  \u003cBar\n    {...props}\n  /\u003e\n\n# Hello\n\n- [Link](/)\n- [Click](/click)\n- [Beep](/beep)\n```\n\nCreate a block for each section of a page\n\n```mdx\nimport { Banner } from 'mdx-blocks'\nexport default Banner\n\n# Hello\n\nThis is a banner with a background image.\n\n![](kitten.png)\n```\n\n```jsx\n// Combine blocks together to create a page\nimport { BlocksProvider } from 'mdx-blocks'\nimport Header from './header.mdx'\nimport Banner from './banner.mdx'\n\nexport default props =\u003e\n  \u003cBlocksProvider\u003e\n    \u003cHeader /\u003e\n    \u003cBanner /\u003e\n  \u003c/BlocksProvider\u003e\n```\n\n## Features\n\n- Write content in markdown and use React components inline with [MDX][]\n- Customize the look and feel with theming\n- Create custom block layouts with minimal effort\n- Quickly swap out the layout of blocks without touching the content\n\n## Get Started\n\n[Read the docs][docs]\n\n---\n\n## Related\n\n- [MDX][]\n- [Emotion][]\n- [Styled System][]\n\n\n[Code of Conduct](CODE_OF_CONDUCT.md)\n[MIT License](LICENSE.md)\n\n[mdx]: https://mdxjs.com\n[emotion]: https://emotion.sh\n[styled-system]: https://styled-system.com\n[styled system]: https://styled-system.com\n[demo]: https://mdx-blocks.netlify.com\n[docs]: https://mdx-blocks.netlify.com/docs/\n[theming docs]: https://mdx-blocks.netlify.com/docs/creating-themes\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjxnblk%2Fmdx-blocks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjxnblk%2Fmdx-blocks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjxnblk%2Fmdx-blocks/lists"}