{"id":22467748,"url":"https://github.com/morfeojs/morfeo","last_synced_at":"2025-10-06T14:34:31.533Z","repository":{"id":37066258,"uuid":"369597788","full_name":"morfeojs/morfeo","owner":"morfeojs","description":"Morfeo is a build-time CSS-in-TS solution for the next level theming, with the minimum amount of shipped CSS.","archived":false,"fork":false,"pushed_at":"2025-09-25T20:49:02.000Z","size":22590,"stargazers_count":36,"open_issues_count":10,"forks_count":4,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-09-25T22:44:14.706Z","etag":null,"topics":["build-time","css","css-in-js","design-system","framework-agnostic","javascript","morfeo","morfeo-js","react","typescript"],"latest_commit_sha":null,"homepage":"https://morfeo.dev","language":"TypeScript","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/morfeojs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["mauroerta"],"custom":"https://www.buymeacoffee.com/morfeo"}},"created_at":"2021-05-21T16:43:46.000Z","updated_at":"2024-01-16T17:49:11.000Z","dependencies_parsed_at":"2024-06-21T05:48:07.958Z","dependency_job_id":"eb4db7dc-9a47-498e-8fa4-266ab7cd3305","html_url":"https://github.com/morfeojs/morfeo","commit_stats":{"total_commits":1096,"total_committers":12,"mean_commits":91.33333333333333,"dds":0.5392335766423357,"last_synced_commit":"09fefa2f9d459e169266f6689f3a344ff9f98523"},"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"purl":"pkg:github/morfeojs/morfeo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morfeojs%2Fmorfeo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morfeojs%2Fmorfeo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morfeojs%2Fmorfeo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morfeojs%2Fmorfeo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/morfeojs","download_url":"https://codeload.github.com/morfeojs/morfeo/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morfeojs%2Fmorfeo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278425464,"owners_count":25984685,"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","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["build-time","css","css-in-js","design-system","framework-agnostic","javascript","morfeo","morfeo-js","react","typescript"],"created_at":"2024-12-06T11:12:45.200Z","updated_at":"2025-10-06T14:34:31.512Z","avatar_url":"https://github.com/morfeojs.png","language":"TypeScript","funding_links":["https://github.com/sponsors/mauroerta","https://www.buymeacoffee.com/morfeo"],"categories":["TypeScript"],"sub_categories":[],"readme":"![X Banner](https://github.com/morfeojs/morfeo/assets/13780027/a7d3d5ae-fe23-4fa4-92be-167cbf76868d)\n\n\nMorfeo is a build-time CSS-in-TS solution for the next level theming, with the minimum amount of shipped CSS.\n\n---\n\n[![Made with Morfeo](https://img.shields.io/badge/made%20with%20morfeo-0066ff?logo=data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIxOTAuMjIyIDE3OS4xMjkgNTAgNTAuMDA0IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAuMDA0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0yNy41NzIsNDcuOTIxbDAsMGwxOC40NSwtMTguNDExYzAuMDQ3LC0wLjA1MSAwLjA5NywtMC4xMDEgMC4xNDgsLTAuMTQ4bDAsMGwwLDBjMC40NjMsLTAuNDI2IDEuMDgxLC0wLjY4NyAxLjc1OSwtMC42ODdjMS40MzQsMCAyLjU5OCwxLjE2NSAyLjU5OCwyLjU5OGwwLDE2LjEzMWMwLDEuNDM0IC0xLjE2NCwyLjU5OCAtMi41OTgsMi41OThsLTQ0LjgwNCwwYy0xLjQzNCwwIC0yLjU5OCwtMS4xNjQgLTIuNTk4LC0yLjU5OGwwLDBjMCwwIDAsLTE2LjEzMSAwLC0xNi4xMzFjMCwtMS40MzMgMS4xNjQsLTIuNTk4IDIuNTk4LC0yLjU5OGMwLjc1MSwwIDEuNDI5LDAuMzIgMS45MDMsMC44M2wwLDBsMTguNDUxLDE4LjQxNmMwLjM0MSwwLjM1NiAxLjIxNiwwLjk5NyAyLjA0NywwLjk5N2MwLjgzLDAgMS41MjMsLTAuNDkgMi4wNDYsLTAuOTk3WiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIDE4OS42OTUxNzUsIDE3OS4xMzA1NTQpIi8+CiAgPHBhdGggZD0iTTQ3LjI0NCwwLjAwMmMwLjA1NCwtMC4wMDIgMC4xMDgsLTAuMDA0IDAuMTYyLC0wLjAwNGMwLjA1NCwwIDAuMTA4LDAuMDAyIDAuMTYxLDAuMDA0bDAuMDAxLDBjMS41OTksMC4wODUgMi44NzEsMS40MSAyLjg3MSwzLjAyOWMwLDAuOTE3IC0wLjQwOCwxLjczOSAtMS4wNTEsMi4yOTVsMCwwbC0yMS43OSwyMS43OWMtMC41NDIsMC41MDYgLTEuMjc2LDAuODE1IC0yLjA3NCwwLjgxNWMtMC45MDcsMCAtMS43MzEsLTAuNCAtMi4yODcsLTEuMDMxbC0yMS42NTksLTIxLjY3MWwwLDBjLTAuNTgxLC0wLjU1MiAtMC45NDQsLTEuMzMzIC0wLjk0NCwtMi4xOThjMCwtMS42NzQgMS4zNTksLTMuMDMzIDMuMDMzLC0zLjAzM2MwLjA1NSwwIDAuMTA5LDAuMDAyIDAuMTYyLDAuMDA0bDAsMGw0My40MTUsMFoiIHN0eWxlPSJmaWxsOiByZ2IoMjU1LCAyNTUsIDI1NSk7IiB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAxODkuNjk1MTc1LCAxNzkuMTMwNTU0KSIvPgo8L3N2Zz4=)](https://morfeo.dev)\n[![codecov](https://codecov.io/gh/morfeojs/morfeo/branch/main/graph/badge.svg?token=CZBHY8J802)](https://codecov.io/gh/morfeojs/morfeo)\n[![GitHub license](https://img.shields.io/github/license/morfeojs/morfeo)](https://github.com/morfeojs/morfeo/blob/main/LICENSE)\n[![Contributing](https://img.shields.io/badge/PRs-welcome-brightgreen)](https://github.com/morfeojs/morfeo/blob/main/CONTRIBUTING.md)\n[![DeepScan grade](https://deepscan.io/api/teams/15451/projects/18608/branches/460695/badge/grade.svg)](https://deepscan.io/dashboard#view=project\u0026tid=15451\u0026pid=18608\u0026bid=460695)\n\n---\n\n[Documentation](https://morfeo.dev) | [API](https://github.com/morfeojs/morfeo) | [Contributing](https://github.com/morfeojs/morfeo/blob/main/CONTRIBUTING.md) | [![Discord](https://badgen.net/badge/icon/discord?icon=discord\u0026label)](https://discord.gg/5hbsKMBRBh)\n\n---\n\n# ⚠️ Morfeo V1.0.0 COMING SOON ⚠️\n\nHello, I'm working to finalize version 1.0.0 of Morfeo, it will include many nice features such as static extraction of `CSS`, optimization of the extracted `CSS`, minimal runtime overhead, and a beautiful `DX`.\n\nUntil the v1, Morfeo is NOT PRODUCTION READY since its API can change drastically - but if you're interested in what we're doing have a look to the new [docs](https://morfeo-docs.vercel.app/) or contact us through [Discord](https://badgen.net/badge/icon/discord?icon=discord\u0026label) or open an issue and we'll be glad to answer.\n\n---\n\nMorfeo is a build-time CSS-in-JS solution for the next level theming, with the minimum amount of shipped CSS.\n\n## Show your support\n\nIf this project helped you, please ⭐️ this repository!\n\nIn case you used Morfeo in your project and you want to show it to the world, you can use one of these badges in your `README` or your website:\n\n[![Made with Morfeo](https://img.shields.io/badge/made%20with%20morfeo-0066ff?logo=data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIxOTAuMjIyIDE3OS4xMjkgNTAgNTAuMDA0IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAuMDA0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0yNy41NzIsNDcuOTIxbDAsMGwxOC40NSwtMTguNDExYzAuMDQ3LC0wLjA1MSAwLjA5NywtMC4xMDEgMC4xNDgsLTAuMTQ4bDAsMGwwLDBjMC40NjMsLTAuNDI2IDEuMDgxLC0wLjY4NyAxLjc1OSwtMC42ODdjMS40MzQsMCAyLjU5OCwxLjE2NSAyLjU5OCwyLjU5OGwwLDE2LjEzMWMwLDEuNDM0IC0xLjE2NCwyLjU5OCAtMi41OTgsMi41OThsLTQ0LjgwNCwwYy0xLjQzNCwwIC0yLjU5OCwtMS4xNjQgLTIuNTk4LC0yLjU5OGwwLDBjMCwwIDAsLTE2LjEzMSAwLC0xNi4xMzFjMCwtMS40MzMgMS4xNjQsLTIuNTk4IDIuNTk4LC0yLjU5OGMwLjc1MSwwIDEuNDI5LDAuMzIgMS45MDMsMC44M2wwLDBsMTguNDUxLDE4LjQxNmMwLjM0MSwwLjM1NiAxLjIxNiwwLjk5NyAyLjA0NywwLjk5N2MwLjgzLDAgMS41MjMsLTAuNDkgMi4wNDYsLTAuOTk3WiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIDE4OS42OTUxNzUsIDE3OS4xMzA1NTQpIi8+CiAgPHBhdGggZD0iTTQ3LjI0NCwwLjAwMmMwLjA1NCwtMC4wMDIgMC4xMDgsLTAuMDA0IDAuMTYyLC0wLjAwNGMwLjA1NCwwIDAuMTA4LDAuMDAyIDAuMTYxLDAuMDA0bDAuMDAxLDBjMS41OTksMC4wODUgMi44NzEsMS40MSAyLjg3MSwzLjAyOWMwLDAuOTE3IC0wLjQwOCwxLjczOSAtMS4wNTEsMi4yOTVsMCwwbC0yMS43OSwyMS43OWMtMC41NDIsMC41MDYgLTEuMjc2LDAuODE1IC0yLjA3NCwwLjgxNWMtMC45MDcsMCAtMS43MzEsLTAuNCAtMi4yODcsLTEuMDMxbC0yMS42NTksLTIxLjY3MWwwLDBjLTAuNTgxLC0wLjU1MiAtMC45NDQsLTEuMzMzIC0wLjk0NCwtMi4xOThjMCwtMS42NzQgMS4zNTksLTMuMDMzIDMuMDMzLC0zLjAzM2MwLjA1NSwwIDAuMTA5LDAuMDAyIDAuMTYyLDAuMDA0bDAsMGw0My40MTUsMFoiIHN0eWxlPSJmaWxsOiByZ2IoMjU1LCAyNTUsIDI1NSk7IiB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAxODkuNjk1MTc1LCAxNzkuMTMwNTU0KSIvPgo8L3N2Zz4=)](https://morfeo.dev)\n\n[![Made with Morfeo](https://img.shields.io/badge/made%20with-%20morfeo-0066ff?logo=data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1MSA1MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cmVjdCBpZD0iXzUwLWZ1bGwiIHNlcmlmOmlkPSI1MC1mdWxsIiB4PSIwLjUyNyIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiBzdHlsZT0iZmlsbDpub25lOyIvPjxjbGlwUGF0aCBpZD0iX2NsaXAxIj48cmVjdCB4PSIwLjUyNyIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjX2NsaXAxKSI+PGc+PHBhdGggZD0iTTI3LjU3Miw0Ny45MjFsMCwwbDE4LjQ1LC0xOC40MTFjMC4wNDcsLTAuMDUxIDAuMDk3LC0wLjEwMSAwLjE0OCwtMC4xNDhsMCwwbDAsMGMwLjQ2MywtMC40MjYgMS4wODEsLTAuNjg3IDEuNzU5LC0wLjY4N2MxLjQzNCwwIDIuNTk4LDEuMTY1IDIuNTk4LDIuNTk4bDAsMTYuMTMxYzAsMS40MzQgLTEuMTY0LDIuNTk4IC0yLjU5OCwyLjU5OGwtNDQuODA0LDBjLTEuNDM0LDAgLTIuNTk4LC0xLjE2NCAtMi41OTgsLTIuNTk4bDAsMGMwLDAgMCwtMTYuMTMxIDAsLTE2LjEzMWMwLC0xLjQzMyAxLjE2NCwtMi41OTggMi41OTgsLTIuNTk4YzAuNzUxLDAgMS40MjksMC4zMiAxLjkwMywwLjgzbDAsMGwxOC40NTEsMTguNDE2YzAuMzQxLDAuMzU2IDEuMjE2LDAuOTk3IDIuMDQ3LDAuOTk3YzAuODMsMCAxLjUyMywtMC40OSAyLjA0NiwtMC45OTdaIiBzdHlsZT0iZmlsbDojMDZmOyIvPjxwYXRoIGQ9Ik00Ny4yNDQsMC4wMDJjMC4wNTQsLTAuMDAyIDAuMTA4LC0wLjAwNCAwLjE2MiwtMC4wMDRjMC4wNTQsMCAwLjEwOCwwLjAwMiAwLjE2MSwwLjAwNGwwLjAwMSwwYzEuNTk5LDAuMDg1IDIuODcxLDEuNDEgMi44NzEsMy4wMjljMCwwLjkxNyAtMC40MDgsMS43MzkgLTEuMDUxLDIuMjk1bDAsMGwtMjEuNzksMjEuNzljLTAuNTQyLDAuNTA2IC0xLjI3NiwwLjgxNSAtMi4wNzQsMC44MTVjLTAuOTA3LDAgLTEuNzMxLC0wLjQgLTIuMjg3LC0xLjAzMWwtMjEuNjU5LC0yMS42NzFsMCwwYy0wLjU4MSwtMC41NTIgLTAuOTQ0LC0xLjMzMyAtMC45NDQsLTIuMTk4YzAsLTEuNjc0IDEuMzU5LC0zLjAzMyAzLjAzMywtMy4wMzNjMC4wNTUsMCAwLjEwOSwwLjAwMiAwLjE2MiwwLjAwNGwwLDBsNDMuNDE1LDBaIiBzdHlsZT0iZmlsbDojMDZmOyIvPjwvZz48L2c+PC9zdmc+)](https://morfeo.dev)\n\n\u003e To see the markdown code just check the raw version of this README [here](https://raw.githubusercontent.com/morfeojs/morfeo/main/README.md).\n\n## Sponsors\n\n### 🥇 Gold Sponsors\n\n\u003cdiv style=\"display: flex; flex-wrap: wrap;\"\u003e\n  \u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin: 0 20px\"\u003e\n    \u003ca href=\"https://vlkstudio.com\" title=\"vlkstudio\"\u003e\n      \u003cimg src=\"https://vlkstudio.com/assets/logo.svg\" height=\"128px\" width=\"128px\" title=\"VLK Studio\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n  \u003c!-- Add more Gold sponsors here by using this template --\u003e\n  \u003c!-- \u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin: 0 20px\"\u003e\n    \u003ca href=\"{WEBSITE_URL}\" title=\"{NAME}\"\u003e\n      \u003cimg src=\"{LOGO_URL}\" height=\"128px\" width=\"128px\" title=\"{NAME}\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e --\u003e\n\u003c/div\u003e\n\n### 🥈 Silver Sponsors\n\n\u003cdiv style=\"display: flex; flex-wrap: wrap\"\u003e\n  \u003c!-- Add more Silver sponsors here by using this template --\u003e\n  \u003c!-- \u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin: 0 20px\"\u003e\n    \u003ca href=\"{WEBSITE_URL}\" title=\"{NAME}\"\u003e\n      \u003cimg src=\"{LOGO_URL}\" height=\"64px\" width=\"64px\" title=\"{NAME}\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e --\u003e\n\u003c/div\u003e\n\n### 🥉 Bronze Sponsors\n\n\u003cdiv style=\"display: flex; flex-wrap: wrap\"\u003e\n  \u003c!-- Add more Bronze sponsors here by using this template --\u003e\n  \u003c!-- \u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin: 0 20px\"\u003e\n    \u003ca href=\"{WEBSITE_URL}\" title=\"{NAME}\"\u003e\n      \u003cimg src=\"{LOGO_URL}\" height=\"48px\" width=\"48px\" title=\"{NAME}\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e --\u003e\n\u003c/div\u003e\n\n## Contributors\n\n\u003ca href=\"https://github.com/morfeojs/morfeo/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=morfeojs/morfeo\" /\u003e\n\u003c/a\u003e\n\nMade with [contrib.rocks](https://contrib.rocks)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmorfeojs%2Fmorfeo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmorfeojs%2Fmorfeo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmorfeojs%2Fmorfeo/lists"}