{"id":15011773,"url":"https://github.com/flamrdevs/classed","last_synced_at":"2025-04-12T04:12:18.717Z","repository":{"id":223568052,"uuid":"757368528","full_name":"flamrdevs/classed","owner":"flamrdevs","description":"classed components","archived":false,"fork":false,"pushed_at":"2024-04-19T10:47:00.000Z","size":198,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T04:12:13.398Z","etag":null,"topics":["preact","qwik","react","solid","tailwindcss","unocss","vue"],"latest_commit_sha":null,"homepage":"","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/flamrdevs.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,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-14T10:59:05.000Z","updated_at":"2024-04-19T16:19:48.000Z","dependencies_parsed_at":"2024-02-20T23:31:42.033Z","dependency_job_id":"6fd73e01-5a68-41fd-bacc-d8bd8ea5a759","html_url":"https://github.com/flamrdevs/classed","commit_stats":null,"previous_names":["flamrdevs/classed"],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flamrdevs%2Fclassed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flamrdevs%2Fclassed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flamrdevs%2Fclassed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flamrdevs%2Fclassed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flamrdevs","download_url":"https://codeload.github.com/flamrdevs/classed/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248514205,"owners_count":21116903,"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":["preact","qwik","react","solid","tailwindcss","unocss","vue"],"created_at":"2024-09-24T19:41:37.912Z","updated_at":"2025-04-12T04:12:18.695Z","avatar_url":"https://github.com/flamrdevs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp\u003e\n  \u003cimg width=\"100%\" src=\"https://hiiiits.deno.dev/hit/flamrdevs/classed\" alt=\"hiiiits\" title=\"hiiiits\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca title=\"license\" href=\"https://github.com/flamrdevs/classed/blob/main/LICENSE\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://none.deno.dev/github/repo/l/flamrdevs/classed?t=dark\"\u003e\n      \u003cimg alt=\"license\" src=\"https://none.deno.dev/github/repo/l/flamrdevs/classed?t=light\" hspace=\"1\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003ca title=\"forks\" href=\"https://github.com/flamrdevs/classed/forks\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://none.deno.dev/github/repo/fc/flamrdevs/classed?t=dark\"\u003e\n      \u003cimg alt=\"forks\" src=\"https://none.deno.dev/github/repo/fc/flamrdevs/classed?t=light\" hspace=\"1\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003ca title=\"stargazers\" href=\"https://github.com/flamrdevs/classed/stargazers\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://none.deno.dev/github/repo/sc/flamrdevs/classed?t=dark\"\u003e\n      \u003cimg alt=\"stargazers\" src=\"https://none.deno.dev/github/repo/sc/flamrdevs/classed?t=light\" hspace=\"1\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n# classed\n\n## Introduction\n\nclassed components\n\n## Features\n\n- TypeScript support\n- Styled-component-like API (Preact, Qwik, React, Solid \u0026 Vue)\n\n## Packages\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003ePackage\u003c/th\u003e\n      \u003cth\u003eDetails\u003c/th\u003e\n      \u003cth\u003eLinks\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        @classed/utils\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003cimg title=\"license\" alt=\"license\" src=\"https://none.deno.dev/npm/l/@classed/utils\"\u003e\n          \u003cimg title=\"version\" alt=\"version\" src=\"https://none.deno.dev/npm/v/@classed/utils\"\u003e\n          \u003cimg title=\"size\" alt=\"size\" src=\"https://none.deno.dev/bundlejs/mz/@classed/utils\"\u003e\n          \u003cimg title=\"npm monthly downloads\" alt=\"downloads\" src=\"https://none.deno.dev/npm/dm/@classed/utils\"\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003ca title=\"github\" href=\"https://github.com/flamrdevs/classed/tree/main/packages/utils\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=github\"\u003e\n          \u003c/a\u003e\n          \u003ca title=\"npm\" href=\"https://www.npmjs.com/package/@classed/utils\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=npm\"\u003e\n          \u003c/a\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        @classed/preact\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003cimg title=\"license\" alt=\"license\" src=\"https://none.deno.dev/npm/l/@classed/preact\"\u003e\n          \u003cimg title=\"version\" alt=\"version\" src=\"https://none.deno.dev/npm/v/@classed/preact\"\u003e\n          \u003cimg title=\"size\" alt=\"size\" src=\"https://none.deno.dev/bundlejs/mz/@classed/preact\"\u003e\n          \u003cimg title=\"npm monthly downloads\" alt=\"downloads\" src=\"https://none.deno.dev/npm/dm/@classed/preact\"\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003ca title=\"github\" href=\"https://github.com/flamrdevs/classed/tree/main/packages/preact\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=github\"\u003e\n          \u003c/a\u003e\n          \u003ca title=\"npm\" href=\"https://www.npmjs.com/package/@classed/preact\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=npm\"\u003e\n          \u003c/a\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        @classed/qwik\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003cimg title=\"license\" alt=\"license\" src=\"https://none.deno.dev/npm/l/@classed/qwik\"\u003e\n          \u003cimg title=\"version\" alt=\"version\" src=\"https://none.deno.dev/npm/v/@classed/qwik\"\u003e\n          \u003cimg title=\"size\" alt=\"size\" src=\"https://none.deno.dev/bundlejs/mz/@classed/qwik\"\u003e\n          \u003cimg title=\"npm monthly downloads\" alt=\"downloads\" src=\"https://none.deno.dev/npm/dm/@classed/qwik\"\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003ca title=\"github\" href=\"https://github.com/flamrdevs/classed/tree/main/packages/qwik\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=github\"\u003e\n          \u003c/a\u003e\n          \u003ca title=\"npm\" href=\"https://www.npmjs.com/package/@classed/qwik\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=npm\"\u003e\n          \u003c/a\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        @classed/react\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003cimg title=\"license\" alt=\"license\" src=\"https://none.deno.dev/npm/l/@classed/react\"\u003e\n          \u003cimg title=\"version\" alt=\"version\" src=\"https://none.deno.dev/npm/v/@classed/react\"\u003e\n          \u003cimg title=\"size\" alt=\"size\" src=\"https://none.deno.dev/bundlejs/mz/@classed/react\"\u003e\n          \u003cimg title=\"npm monthly downloads\" alt=\"downloads\" src=\"https://none.deno.dev/npm/dm/@classed/react\"\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003ca title=\"github\" href=\"https://github.com/flamrdevs/classed/tree/main/packages/react\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=github\"\u003e\n          \u003c/a\u003e\n          \u003ca title=\"npm\" href=\"https://www.npmjs.com/package/@classed/react\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=npm\"\u003e\n          \u003c/a\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        @classed/solid\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003cimg title=\"license\" alt=\"license\" src=\"https://none.deno.dev/npm/l/@classed/solid\"\u003e\n          \u003cimg title=\"version\" alt=\"version\" src=\"https://none.deno.dev/npm/v/@classed/solid\"\u003e\n          \u003cimg title=\"size\" alt=\"size\" src=\"https://none.deno.dev/bundlejs/mz/@classed/solid\"\u003e\n          \u003cimg title=\"npm monthly downloads\" alt=\"downloads\" src=\"https://none.deno.dev/npm/dm/@classed/solid\"\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003ca title=\"github\" href=\"https://github.com/flamrdevs/classed/tree/main/packages/solid\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=github\"\u003e\n          \u003c/a\u003e\n          \u003ca title=\"npm\" href=\"https://www.npmjs.com/package/@classed/solid\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=npm\"\u003e\n          \u003c/a\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        @classed/vue\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003cimg title=\"license\" alt=\"license\" src=\"https://none.deno.dev/npm/l/@classed/vue\"\u003e\n          \u003cimg title=\"version\" alt=\"version\" src=\"https://none.deno.dev/npm/v/@classed/vue\"\u003e\n          \u003cimg title=\"size\" alt=\"size\" src=\"https://none.deno.dev/bundlejs/mz/@classed/vue\"\u003e\n          \u003cimg title=\"npm monthly downloads\" alt=\"downloads\" src=\"https://none.deno.dev/npm/dm/@classed/vue\"\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv style=\"display: flex; gap: 0.2rem;\"\u003e\n          \u003ca title=\"github\" href=\"https://github.com/flamrdevs/classed/tree/main/packages/vue\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=github\"\u003e\n          \u003c/a\u003e\n          \u003ca title=\"npm\" href=\"https://www.npmjs.com/package/@classed/vue\"\u003e\n            \u003cimg alt=\"github\" src=\"https://none.deno.dev/ui/icon-button/simple?i=npm\"\u003e\n          \u003c/a\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Examples\n\n### Preact / Qwik / React / Solid / Vue\n\n```tsx\nimport classed from \"@classed/{preact,qwik,react,solid,vue}\";\n\nconst Button = classed(\"button\", \"your\", \"button\", \"class\");\n```\n\n## Authors\n\n\u003cp\u003e\n  \u003ca title=\"github\" href=\"https://github.com/flamrdevs\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://flamrdevs.pages.dev/badge/dark.svg\"\u003e\n      \u003cimg alt=\"github\" src=\"https://flamrdevs.pages.dev/badge/light.svg\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## License\n\n[MIT License](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflamrdevs%2Fclassed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflamrdevs%2Fclassed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflamrdevs%2Fclassed/lists"}