{"id":14981955,"url":"https://github.com/devexp-pro/reface","last_synced_at":"2025-10-25T22:07:26.553Z","repository":{"id":252532286,"uuid":"839433116","full_name":"devexp-pro/reface","owner":"devexp-pro","description":"Reface is a embeddable fullstack framework designed for creating Hypermedia-Driven Applications without a build step, based on HTMX and Hono.","archived":false,"fork":false,"pushed_at":"2025-01-28T16:53:09.000Z","size":1455,"stargazers_count":15,"open_issues_count":4,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-28T17:38:39.409Z","etag":null,"topics":["css","deno","html","htmx","jsx","react","spa","ssr","typescript"],"latest_commit_sha":null,"homepage":"https://reface.deno.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/devexp-pro.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":"roadmap.md","authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-07T15:43:17.000Z","updated_at":"2025-01-28T16:53:12.000Z","dependencies_parsed_at":"2024-12-06T17:23:35.472Z","dependency_job_id":"c55cf9a8-d365-4689-9924-38d6116a04bb","html_url":"https://github.com/devexp-pro/reface","commit_stats":{"total_commits":65,"total_committers":3,"mean_commits":"21.666666666666668","dds":0.4,"last_synced_commit":"422a20e756a37b21ac5eaf711173db987765031e"},"previous_names":["vseplet/reface","devexp-pro/reface"],"tags_count":39,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devexp-pro%2Freface","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devexp-pro%2Freface/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devexp-pro%2Freface/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devexp-pro%2Freface/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devexp-pro","download_url":"https://codeload.github.com/devexp-pro/reface/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238802933,"owners_count":19533199,"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","deno","html","htmx","jsx","react","spa","ssr","typescript"],"created_at":"2024-09-24T14:04:31.605Z","updated_at":"2025-10-25T22:07:26.493Z","avatar_url":"https://github.com/devexp-pro.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./website/public/assets/logo.png\" alt=\"Reface Logo\" width=\"200\" /\u003e\n\u003c/div\u003e\n\n# [Reface](https://reface.deno.dev/)\n\n[![JSR](https://jsr.io/badges/@vseplet/reface)](https://jsr.io/@vseplet/reface)\n[![JSR Score](https://jsr.io/badges/@vseplet/reface/score)](https://jsr.io/@vseplet/reface)\n[![Discord](https://img.shields.io/badge/join-chat-blue?logo=discord\u0026logoColor=white)](https://discord.gg/gT4gvVwqb8)\n\nModern web framework for building interactive applications with Islands\nArchitecture.\n\n## Features\n\n- 🎯 **Type-safe Templates** - Full TypeScript support with JSX\n- 🧩 **Template Composition** - Mix JSX and template literals\n- 🔌 **Plugin System** - Extensible composition pipeline\n- 🎨 **Styled Components** - CSS-in-JS with type safety\n- 🏝️ **Partial System** - Interactive components with HTMX\n- 🚀 **Framework Agnostic** - Core composition engine\n\n## Quick Start\n\n```typescript\nimport { RefaceComposer } from \"@reface/core\";\nimport { StyledPlugin } from \"@reface/plugins/styled\";\nimport { PartialsPlugin } from \"@reface/plugins/partials\";\n\n// Create composer instance\nconst composer = new RefaceComposer();\ncomposer.use(new StyledPlugin());\ncomposer.use(new PartialsPlugin());\n\n// Create styled component\nconst Button = styled.button`\n  \u0026 {\n    background: var(--primary-color, #3182ce);\n    color: white;\n    padding: 0.5rem 1rem;\n  }\n`;\n\n// Create interactive component\nconst Counter = partial(async () =\u003e {\n  const count = 0;\n  return (\n    \u003cdiv\u003e\n      \u003cspan\u003e{count}\u003c/span\u003e\n      \u003cButton {...Counter.trigger()}\u003eIncrement\u003c/Button\u003e\n    \u003c/div\u003e\n  );\n}, \"counter\");\n\n// Create page template\nfunction HomePage() {\n  return (\n    \u003cdiv\u003e\n      \u003ch1\u003eWelcome to Reface\u003c/h1\u003e\n      \u003cCounter /\u003e\n    \u003c/div\u003e\n  );\n}\n\n// Compose HTML\nconst html = composer.render(\u003cHomePage /\u003e);\n```\n\n## Examples\n\n- [📚 Basic Components](./examples/basic) - Component composition\n- [🧩 Styled Components](./examples/styled) - CSS-in-JS examples\n- [🏝️ Partial Components](./examples/partials) - Interactive components\n- [🔌 Custom Plugin](./examples/plugin) - Plugin development\n\n## Documentation\n\n- [Architecture](./docs/architecture.md) - Core concepts and composition design\n- [Components](./docs/components.md) - Component composition system\n- [Styling](./docs/styling.md) - CSS-in-JS styling\n- [Partials](./docs/partials.md) - Interactive components\n- [Plugins](./docs/plugins.md) - Plugin system\n\n## Contributing\n\nWe welcome contributions! Please see our [Contributing Guide](./CONTRIBUTING.md)\nfor details.\n\n## License\n\nMIT © [Reface](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevexp-pro%2Freface","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevexp-pro%2Freface","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevexp-pro%2Freface/lists"}