{"id":15022449,"url":"https://github.com/styils/styils","last_synced_at":"2025-03-06T12:14:53.357Z","repository":{"id":45514745,"uuid":"513751543","full_name":"styils/styils","owner":"styils","description":"Lightweight and fast css-in-js solution. Support for topics, Polymorphism, SSR, Sourcemap, Full type definitions","archived":false,"fork":false,"pushed_at":"2025-02-14T12:37:16.000Z","size":2377,"stargazers_count":56,"open_issues_count":10,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-25T12:07:53.431Z","etag":null,"topics":["css","css-in-js","javascript","react","react-styled","solid-styled","solidjs","styled","typescript"],"latest_commit_sha":null,"homepage":"https://styils.github.io/styils","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/styils.png","metadata":{"files":{"readme":"README.ZH.md","changelog":null,"contributing":"CONTRIBUTING.ZH.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-07-14T03:54:27.000Z","updated_at":"2024-12-10T05:46:28.000Z","dependencies_parsed_at":"2024-03-01T03:27:46.778Z","dependency_job_id":"12be2820-1ee6-498f-914c-78e2019b16e1","html_url":"https://github.com/styils/styils","commit_stats":{"total_commits":656,"total_committers":2,"mean_commits":328.0,"dds":0.4070121951219512,"last_synced_commit":"69b6f6db37324f85c48047d51a02a8a856179fdb"},"previous_names":["zoy-l/styil"],"tags_count":71,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styils%2Fstyils","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styils%2Fstyils/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styils%2Fstyils/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styils%2Fstyils/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/styils","download_url":"https://codeload.github.com/styils/styils/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242206046,"owners_count":20089255,"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":["css","css-in-js","javascript","react","react-styled","solid-styled","solidjs","styled","typescript"],"created_at":"2024-09-24T19:57:58.001Z","updated_at":"2025-03-06T12:14:53.328Z","avatar_url":"https://github.com/styils.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"[English](./README.md)\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"./logo.svg\" alt=\"styils\" style=\"width:120px\"\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cimg src=\"./styils.svg\" alt=\"styils\" style=\"width:100px;\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://codecov.io/gh/styils/styils/branch/main/graph/badge.svg?token=DAETCWW98B\" alt=\"coverage\" /\u003e\n  \u003cimg src=\"https://img.badgesize.io/https://unpkg.com/@styils/solid@latest/index.prod.esm.js?compression=gzip\u0026style=square\u0026label=solid\u0026color=#4fc08d\" alt=\"gzip\" /\u003e\n  \u003cimg src=\"https://img.badgesize.io/https://unpkg.com/@styils/react@latest/index.prod.esm.js?compression=gzip\u0026style=square\u0026label=react\u0026color=#4fc08d\" alt=\"gzip\" /\u003e\n  \u003cimg src=\"https://img.badgesize.io/https://unpkg.com/@styils/vue@latest/index.prod.esm.js?compression=gzip\u0026style=square\u0026label=vue\u0026color=#4fc08d\" alt=\"gzip\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n 轻量级和快速的 css-in-js 工具\n\u003c/p\u003e\n\n## 🌟 特性\n\n- 🎭 多态\n- 🔵 完整的类型\n- 🗺 支持 SourceMap\n- 🛎 支持 SSR\n- 🎨 支持 Themes\n- ☘️ 小尺寸 压缩 + gzip 4kb\n- ⚡️ 接近原生渲染速度\n\n[文档](https://styils.github.io/styils)\n\n\u003e 它非常快。几乎和使用原生 css 一样快，在某些条件下甚至比原生渲染还要快\n\n[基准](https://styils.github.io/styils/#/benchmark/create-and-mount-button/stitches-react)\n\n### Styils React\n\n![npm](https://img.shields.io/npm/v/@styils/react?color=%2361dafb\u0026logo=react)\n\nReact 包装器，包括 `styled` API。\n\n```sh\nnpm install @styils/react\n```\n\n### Styils Solid\n\n![npm](https://img.shields.io/npm/v/@styils/react?color=%234f88c6\u0026logo=solid\u0026logoColor=%234f88c6)\n\nSolid 包装器，包括 `styled` API。\n\n```sh\nnpm install @styils/solid\n```\n\n### Styils Vue (只支持 vue3)\n\n![npm](https://img.shields.io/npm/v/@styils/vue?color=%2342b883\u0026logo=vuedotjs)\n\nVue 包装器，包括 `styled` API。\n\n```sh\nnpm install @styils/vue\n```\n\n### Styils Babel Plugin\n\n![npm](https://img.shields.io/npm/v/@styils/babel-plugin?color=%23eeda7c\u0026logo=babel\u0026logoColor=%23eeda7c)\n\n[更多](./babel-plugin/)\n\nThis is required for sourcemap\n\n```sh\nnpm install @styils/babel-plugin\n```\n\n### Styls Vite Plugin\n\n![npm](https://img.shields.io/npm/v/@styils/vite-plugin?color=%23646cff\u0026logo=vite)\n\n包装 `@styils/babel-plugin` 并提供 vue sourcemap 支持。\n\n```sh\nnpm install @styils/vite-plugin\n```\n\n[More babel options](./babel-plugin/)\n\n### SSR Example\n\n[示例](https://github.com/styils/styils-examples)\n\n## 鸣谢\n\nStyils 的灵感来自其他 css in js 工具，如**emotion**，**goober**，**stitches** 感谢\n\n基准测试来自 **stitches**\n\n## License\n\n根据 MIT 许可证获得许可, 版权 © 2022-present zoy-l\n\n有关详细信息，请参阅 [LICENSE](./LICENSE)。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstyils%2Fstyils","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstyils%2Fstyils","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstyils%2Fstyils/lists"}