{"id":14977435,"url":"https://github.com/styled-components/addon-jsx","last_synced_at":"2025-10-02T12:30:27.604Z","repository":{"id":38425427,"uuid":"435953742","full_name":"styled-components/addon-jsx","owner":"styled-components","description":"This Storybook addon show you the JSX / template of the story","archived":false,"fork":true,"pushed_at":"2023-01-07T16:52:36.000Z","size":2503,"stargazers_count":0,"open_issues_count":8,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-02T06:15:31.179Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"storybookjs/addon-jsx","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/styled-components.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":"2021-12-07T16:33:46.000Z","updated_at":"2021-12-21T18:39:26.000Z","dependencies_parsed_at":"2023-02-07T16:46:28.563Z","dependency_job_id":null,"html_url":"https://github.com/styled-components/addon-jsx","commit_stats":null,"previous_names":[],"tags_count":70,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styled-components%2Faddon-jsx","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styled-components%2Faddon-jsx/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styled-components%2Faddon-jsx/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styled-components%2Faddon-jsx/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/styled-components","download_url":"https://codeload.github.com/styled-components/addon-jsx/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234983190,"owners_count":18917434,"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-09-24T13:55:39.551Z","updated_at":"2025-10-02T12:30:22.238Z","avatar_url":"https://github.com/styled-components.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=100 src=\"storybook-jsx.png\"\u003e\n  \u003cbr\u003e\n  \u003ch1 style=\"text-align:center;\"\u003e@styled/storybook-addon-jsx\u003c/h1\u003e\n\u003c/p\u003e\n\n[![Total Download](https://img.shields.io/npm/dt/@styled/storybook-addon-jsx.svg)](https://www.npmjs.com/package/@styled/storybook-addon-jsx)\n[![Current Version](https://img.shields.io/npm/v/@styled/storybook-addon-jsx.svg)](https://www.npmjs.com/package/@styled/storybook-addon-jsx)\n\nThis Storybook addon shows you the JSX of the story.\nThis preview works for Vue components as well.\nThe outputted JSX will reflect any changes made to the storybok by knobs or controls.\n\n![Storybook Addon JSX Demo](screenshot.png)\n\n## Getting started\n\n### Installation\n\nFirst install the addon from `npm`:\n\n```sh\nnpm i --save-dev @styled/storybook-addon-jsx\n# or\nyarn add --dev @styled/storybook-addon-jsx\n```\n\n### Configuration\n\nFor the latest storybook all you need to do is add the addon to your `.storybook/main.js`:\n\n```js\nmodule.exports = {\n  addons: ['@styled/storybook-addon-jsx']\n};\n```\n\nIf you are using storybook@5.x or lower you will need to add the following to `.storybook/addons.js`:\n\n```js\nimport '@styled/storybook-addon-jsx/register';\n```\n\n### Usage\n\nImport it into your stories file and then use it when you write stories:\n\n```js\nimport React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { jsxDecorator } from \"@styled/storybook-addon-jsx\";\n\nimport { TestComponent } from './TestComponent':\n\nexport default {\n  title: \"Components/TestComponent\",\n  decorators: [jsxDecorator],\n};\n\nexport const Paris = () =\u003e (\n  \u003cTestComponent fontSize={45} fontFamily=\"Roboto\" align=\"center\" color=\"#CAF200\"\u003e\n    Hello\n  \u003c/TestComponent\u003e\n);\n\nexport const Orleans = () =\u003e \u003cTest color=\"#236544\"\u003eHello\u003c/Test\u003e;\n```\n\nOr to configure it globally add the `jsxDecorator` to your `.storybook/preview.js`:\n\n```js\nconst { addDecorator } = require('@storybook/react');\nconst { jsxDecorator } = require('@styled/storybook-addon-jsx');\n\naddDecorator(jsxDecorator);\n```\n\n#### Vue\n\nYou can also use this addon with `@storybook/vue`.\n\n**`.storybook/preview.js`**\n\n```js\nimport { configure, addDecorator } from '@storybook/vue';\nimport { jsxDecorator } from '@styled/storybook-addon-jsx';\n\naddDecorator(jsxDecorator);\n```\n\nIf a Vue story defines its view with a template string then it will be displayed.\n\n```js\nimport { storiesOf } from '@storybook/vue';\n\nstoriesOf('Vue', module).add('template property', () =\u003e ({\n  template: `\u003cdiv\u003e\u003c/div\u003e`\n}));\n```\n\n## Options\n\n### JSX\n\nThis addon support all options from [react-element-to-jsx-string](https://github.com/algolia/react-element-to-jsx-string) as well as the following options.\n\n- `skip` (default: 0) : Skip element in your component to display\n\n```javascript\nexport default {\n  title: 'Components/TestComponent',\n  parameters: {\n    jsx: { skip: 1 }\n  }\n};\n```\n\n- `onBeforeRender(domString: string) =\u003e string` (default: undefined) : function that receives the dom as a string before render.\n\n```js\nexport default {\n  title: 'Components/TestComponent',\n  parameters: {\n    jsx: {\n      onBeforeRender: domString =\u003e {\n        if (domString.search('dangerouslySetInnerHTML') \u003c 0) {\n          return '';\n        }\n\n        try {\n          domString = /(dangerouslySetInnerHTML={{)([^}}]*)/.exec(domString)[2];\n          domString = /(')([^']*)/.exec(domString)[2];\n        } catch (err) {}\n\n        return domString;\n      }\n    }\n  }\n};\n```\n\n- `displayName` (default: 0) : You can manually name the components that use useMemo or useRef.\n\n```javascript\nexport default {\n  title: 'Components/TestComponent',\n  parameters: {\n    jsx: {\n      displayName: () =\u003e 'CustomName'\n    }\n  }\n};\n```\n\n### Disable JSX Addon\n\nIf enabled globally, the JSX addon can be disabled on individual stories:\n\n```jsx\nexport const Simple = () =\u003e \u003cdiv\u003eHello\u003c/div\u003e;\n\nSimple.story = {\n  parameters: {\n    jsx: {\n      disable: true\n    }\n  }\n};\n```\n\n### Vue Options\n\n- `enableBeautify` (default: true) : Beautify the template string\n- All HTML options from [js-beautify](https://github.com/beautify-web/js-beautify#css--html)\n\n## Global Options\n\nTo configure global options for this plugin, add the following to your `config.js`.\n\n```js\nimport { addParameters } from '@storybook/react';\n\naddParameters({\n  jsx: {\n    // your options\n  }\n});\n```\n\n## Function Props\n\nIf you provide a funtion to one of your props `@styled/storybook-addon-jsx` will display that functions `toString` result.\nThis is usaully very ugly.\nTo override this include the following util function that will print an easiy to read string.\n\n```tsx\n/**\n * Overrides the toString on a function so that it addon-jsx prints\n * the callbacks in a copy-paste-able way.\n */\nexport const callback = \u003cT extends Function\u003e(fn: T): T =\u003e {\n  /** A toString to render the function in storybook */\n  // eslint-disable-next-line no-param-reassign\n  fn.toString = () =\u003e '() =\u003e {}';\n  return fn;\n};\n```\n\nThis works well with the `@storybook/addon-actions` too.\n\n```tsx\nexport ExampleStory = () =\u003e (\n  \u003cTestComponent onClick={callback(action('onClick'))} /\u003e\n)\n```\n\n## Including DocGen Information\n\nThis addon will display prop type information while hovering over a component or prop.\nThis is accomplished through [a babel plugin](https://github.com/storybookjs/babel-plugin-react-docgen) in the default storybook configuration.\nTo use the docgen information for TypeScript components you must include be using [a typescript docgen loader](https://github.com/strothj/react-docgen-typescript-loader)\n\n```js\nimport { addParameters } from '@storybook/react';\n\naddParameters({\n  jsx: {\n    // your options\n  }\n});\n```\n\n### TypeScript Monorepo DocGen\n\nIn a TypeScript monorepo you will probably be importing components through package names.\nIn this situation storybook will load your compiled typescript and lose information about the props.\n\nOne solution to get around this is to add a unique property to your component's `package.json` that points directly at the TypeScript source.\nWe can then set storybook's webpack configuration to look for this property first, which will allow the TypeScript loader to insert docgen information.\n\nIn your component's `package.json`:\n\n```jsonc\n{\n  // Can be any string you want, here we choose \"source\"\n  \"source\": \"src/index.tsx\"\n}\n```\n\nThen in your webpack config for storybook:\n\n```js\nconfig.resolve.mainFields = ['source', 'module', 'main'];\n```\n\n## Testing with storyshots\n\nIf you are using the `addWithJSX` method you will need to include `@styled/storybook-addon-jsx` in your test file.\n\n```js\nimport initStoryshots from '@storybook/addon-storyshots';\nimport { setAddon } from '@storybook/react';\nimport JSXAddon from '@styled/storybook-addon-jsx';\n\nsetAddon(JSXAddon);\n\ninitStoryshots({\n  /* configuration options */\n});\n```\n\n## Usage with IE11\n\nSome of the dependencies that this package has use APIs not available in IE11.\nTo get around this you can add the following to your `webpack.config.js` file\n(your paths might be slightly different):\n\n```js\nconfig.module.rules.push({\n  test: /\\.js/,\n  include: path.resolve(__dirname, '../node_modules/stringify-object'),\n  use: [\n    {\n      loader: 'babel-loader',\n      options: {\n        presets: ['env']\n      }\n    }\n  ]\n});\n```\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://wcastand.tech/\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/2178244?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eWilliam\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=wcastand\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-wcastand\" title=\"Design\"\u003e🎨\u003c/a\u003e \u003ca href=\"#ideas-wcastand\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=wcastand\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://hipstersmoothie.com\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/1192452?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAndrew Lisowski\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=hipstersmoothie\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=hipstersmoothie\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"#infra-hipstersmoothie\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e \u003ca href=\"#maintenance-hipstersmoothie\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/ndelangen\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/3070389?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNorbert de Langen\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=ndelangen\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=ndelangen\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/samouss\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/6513513?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSamuel Vaillant\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=samouss\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=samouss\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://twitter.com/_alexandrebodin\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/6065744?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAlexandre BODIN\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=alexandrebodin\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/stof\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/439401?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eChristophe Coevoet\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=stof\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://www.leonelgalan.com\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/727774?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLeonel Galán\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=leonelgalan\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://threefivetwo.com\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/5214462?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLincoln Anderson\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=Landerson352\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/smollweide\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/2912007?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSimon Mollweide\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=smollweide\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/lflpowell\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/37211236?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003elflpowell\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=lflpowell\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/expe-lbenychou\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/31204794?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003elionelbenychou\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=expe-lbenychou\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://breadadams.com\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/5795227?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eBrad Adams\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=breadadams\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://twitter.com/arahansen\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/8746094?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAndrew Hansen\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=arahansen\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://peter.mikit.sh\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/1571918?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ePeter Mikitsh\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=petermikitsh\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=petermikitsh\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/lisamartin00\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/6465955?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003elisamartin00\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=lisamartin00\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/semihraifgurel\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/29544960?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSemih Raif Gürel\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=semihraifgurel\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://leepowell.dev\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/602052?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLee Powell\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#infra-leepowelldev\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e \u003ca href=\"https://github.com/storybookjs/addon-jsx/commits?author=leepowelldev\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://jimmyandrade.com\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/2307245?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJimmy Andrade\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#infra-jimmyandrade\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-enable --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstyled-components%2Faddon-jsx","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstyled-components%2Faddon-jsx","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstyled-components%2Faddon-jsx/lists"}