{"id":15041780,"url":"https://github.com/stylescape/stylescape","last_synced_at":"2026-01-27T12:32:48.027Z","repository":{"id":65408830,"uuid":"588665412","full_name":"stylescape/stylescape","owner":"stylescape","description":"Stylescape Design Framework","archived":false,"fork":false,"pushed_at":"2025-06-07T12:14:35.000Z","size":65545,"stargazers_count":0,"open_issues_count":3,"forks_count":7,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2025-06-07T13:24:13.722Z","etag":null,"topics":["css","css-framework","css3","design","design-framework","design-system","framework","graphic-language","html","html5","javascript","sass","scss","scss-framework","style","stylescape","typescipt","typescript"],"latest_commit_sha":null,"homepage":"https://scape.style","language":"HTML","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/stylescape.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":"CITATION.cff","codeowners":".github/CODEOWNERS","security":".github/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":"AUTHORS","dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"scape-foundation","open_collective":"scape"}},"created_at":"2023-01-13T17:24:18.000Z","updated_at":"2025-06-07T12:14:41.000Z","dependencies_parsed_at":"2023-02-12T13:48:09.639Z","dependency_job_id":"a69107ad-8be7-49ce-897b-be012a50ad7a","html_url":"https://github.com/stylescape/stylescape","commit_stats":{"total_commits":23,"total_committers":1,"mean_commits":23.0,"dds":0.0,"last_synced_commit":"2d262c84236be556d2c42f8493139298fad7e450"},"previous_names":["scape-agency/stylescape"],"tags_count":48,"template":false,"template_full_name":null,"purl":"pkg:github/stylescape/stylescape","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stylescape%2Fstylescape","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stylescape%2Fstylescape/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stylescape%2Fstylescape/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stylescape%2Fstylescape/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stylescape","download_url":"https://codeload.github.com/stylescape/stylescape/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stylescape%2Fstylescape/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259919455,"owners_count":22932071,"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-framework","css3","design","design-framework","design-system","framework","graphic-language","html","html5","javascript","sass","scss","scss-framework","style","stylescape","typescipt","typescript"],"created_at":"2024-09-24T20:46:28.333Z","updated_at":"2026-01-27T12:32:48.021Z","avatar_url":"https://github.com/stylescape.png","language":"HTML","readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/stylescape/brand/master/src/logo/logo-transparant.png\" width=\"20%\" alt=\"Stylescape Logo\"\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\" style='border-bottom: none;'\u003estylescape\u003c/h1\u003e\n\u003ch3 align=\"center\"\u003edesign framework\u003c/h3\u003e\n\n\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Website](https://img.shields.io/website?url=https%3A%2F%2Fwww.scape.style\u0026up_message=Up\u0026up_color=%23000000\u0026down_message=Down\u0026down_color=%23000000\u0026style=flat-square\u0026logo=Firefox\u0026logoColor=FFFFFF\u0026label=Website\u0026labelColor=%23000000\u0026color=%23000000) ](https://www.scape.style)\n[![NPM Version](https://img.shields.io/npm/v/stylescape?style=flat-square\u0026logo=npm\u0026logoColor=FFFFFF\u0026label=NPM\u0026labelColor=%23000000\u0026color=%23000000\u0026link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fstylescape)](https://www.npmjs.com/package/stylescape)\n[![devContainer](https://img.shields.io/badge/devContainer-23354351?style=flat-square\u0026logo=Docker\u0026logoColor=%23FFFFFF\u0026labelColor=%23000000\u0026color=%23000000)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/stylescape/stylescape)\n[![StackBlitz](https://img.shields.io/badge/StackBlitz-23354351?style=flat-square\u0026logo=StackBlitz\u0026logoColor=%23FFFFFF\u0026labelColor=%23000000\u0026color=%23000000)](https://stackblitz.com/github/stylescape/stylescape/tree/main?file=src%2Findex.html)\n[![GitHub License](https://img.shields.io/github/license/stylescape/stylescape?style=flat-square\u0026logo=readthedocs\u0026logoColor=FFFFFF\u0026label=\u0026labelColor=%23000000\u0026color=%23000000\u0026link=LICENSE)](https://github.com/stylescape/stylescape/blob/main/LICENSE)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Report a Bug](https://img.shields.io/badge/Report%20a%20Bug-GitHub?style=flat-square\u0026\u0026logoColor=%23FFFFFF\u0026color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=\u0026labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected\u0026projects=\u0026template=bug_report.yml)\n[![Request a Feature](https://img.shields.io/badge/Request%20a%20Feature-GitHub?style=flat-square\u0026\u0026logoColor=%23FFFFFF\u0026color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=\u0026labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected\u0026projects=\u0026template=feature_request.yml)\n[![Ask a Question](https://img.shields.io/badge/Ask%20a%20Question-GitHub?style=flat-square\u0026\u0026logoColor=%23FFFFFF\u0026color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=\u0026labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected\u0026projects=\u0026template=question.yml)\n[![Make a Suggestion](https://img.shields.io/badge/Make%20a%20Suggestion-GitHub?style=flat-square\u0026\u0026logoColor=%23FFFFFF\u0026color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=\u0026labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected\u0026projects=\u0026template=suggestion.yml)\n[![Start a Discussion](https://img.shields.io/badge/Start%20a%20Discussion-GitHub?style=flat-square\u0026\u0026logoColor=%23FFFFFF\u0026color=%23D2D9DF)](https://github.com/stylescape/stylescape/issues/new?assignees=\u0026labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected\u0026projects=\u0026template=discussion.yml)\n\n\u003c/div\u003e\n\n---\n\n\u003cbr/\u003e\n\n## Design framework for concise and high-quality web development\n\nStylescape is a modular, scalable, and customizable design framework dedicated\nto streamlining style and layout design for both web and print media. Written\nin SCSS and TypeScript, it aimes to bridge the gap between visual design and\ncode. Whether you’re a designer or developer, Stylescape provides a robust\ntoolkit that empowers you to create harmonious, scalable, and accessible\ndesigns efficiently.\n\n---\n\n## Quickstart\n\n### Installation\n\n\u003e You can install Stylescape using npm:\n\n```bash\nnpm i stylescape\n```\n\n\u003e Or directly import via unpkg:\n\n```html\n\u003clink\n    rel=\"stylesheet\"\n    href=\"https://unpkg.com/stylescape@latest/css/stylescape.css\"\n/\u003e\n```\n\n### Getting Started\n\n\u003e After installing, you can include Stylescape's SCSS and TypeScript files into\n\u003e your project:\n\n```javascript\nimport \"stylescape/css/stylescape.css\";\nimport \"stylescape/js/stylescape.js\";\n```\n\n---\n\n## Documentation\n\nFor detailed setup and usage instructions, refer to our official website:\n[scape.style](https://scape.style).\n\n---\n\n## Contribution\n\nContributions are always welcome! See [CONTRIBUTING.md](CONTRIBUTING.md) for\nways to get started.\n\n---\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003eMade with ❤️ by \u003ca href=\"https://www.scape.agency\" target=\"_blank\"\u003eScape Agency\u003c/a\u003e\u003c/b\u003e\n\u003c/p\u003e\n","funding_links":["https://github.com/sponsors/scape-foundation","https://opencollective.com/scape"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstylescape%2Fstylescape","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstylescape%2Fstylescape","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstylescape%2Fstylescape/lists"}