{"id":13717440,"url":"https://github.com/shorthandcss/shorthand","last_synced_at":"2025-05-07T07:31:28.443Z","repository":{"id":43992781,"uuid":"240447499","full_name":"shorthandcss/shorthand","owner":"shorthandcss","description":"Utility based css framework built with SCSS.","archived":false,"fork":false,"pushed_at":"2022-12-10T18:12:35.000Z","size":1957,"stargazers_count":257,"open_issues_count":17,"forks_count":18,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-20T20:03:24.718Z","etag":null,"topics":["css","css-framework","css3","scss"],"latest_commit_sha":null,"homepage":"https://shorthandcss.bansal.io","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shorthandcss.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"ko_fi":"bansal"}},"created_at":"2020-02-14T06:59:47.000Z","updated_at":"2025-04-16T04:20:06.000Z","dependencies_parsed_at":"2023-01-26T05:45:41.441Z","dependency_job_id":null,"html_url":"https://github.com/shorthandcss/shorthand","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shorthandcss%2Fshorthand","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shorthandcss%2Fshorthand/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shorthandcss%2Fshorthand/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shorthandcss%2Fshorthand/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shorthandcss","download_url":"https://codeload.github.com/shorthandcss/shorthand/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252833513,"owners_count":21811199,"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","scss"],"created_at":"2024-08-03T00:01:22.250Z","updated_at":"2025-05-07T07:31:27.665Z","avatar_url":"https://github.com/shorthandcss.png","language":"SCSS","funding_links":["https://ko-fi.com/bansal"],"categories":["SCSS","Frameworks :art:","Frameworks / Resources"],"sub_categories":["Editor's Draft :black_nib:","S"],"readme":"# Shorthand\n\n\u003ca align=\"center\" href=\"https://shorthandcss.com\"\u003e\u003cimg width=\"100%\" src=\"https://shorthandcss.com/assets/images/banner.jpg\"\u003e\u003c/a\u003e\n\nShorthand is a CSS framework and does not include any javascript. You can customize the framework by using `.scss` only.\n\n## Size\n\n Dist | File | URL\n|---|---|---|\nLite  | lite.shorthand.min.css | ![](https://img.badgesize.io/shorthandcss/shorthand/master/dist/lite.shorthand.min.css.svg?compression=brotli)\nFull | shorthand.min.css | ![](https://img.badgesize.io/shorthandcss/shorthand/master/dist/shorthand.min.css.svg?compression=brotli)\n\n## Features\n\n- Design almost anything without writing a css code.\n- Ready to use default styles for some frequently used elements like form, table and spinner.\n- Two style files available monochrome and multicolor.\n- Lite distribution style in with gray colors only,  available under `16KB`.\n- Two gray color sets available gray and slategray.\n- Make interactive UI using transitions and transformations.\n- 36 Google fonts are already included.\n- Take advantage of filters. It’s easy to make Apple like blur effect.\n- More color options than any other popular framework.\n- Gradient text, background and border color. 250+ Gradient color options.\n- Responsive height. Maintain aspect ratio of block `1:1`, `1:2`, `4:3` and more.\n- Make content placeholder with `in-progress` class.\n\n## Quick start\n\nSeveral quick start options are available:\n\n1. [Download the latest release](https://github.com/shorthandcss/shorthand/releases).\n2. Clone the repo: `git clone https://github.com/shorthandcss/shorthand.git`.\n3. Install with npm: `npm install shorthandcss`.\n4. Use [CDN](https://www.jsdelivr.com/package/npm/shorthandcss)\n\n## Develop\n\nClone the repo from Github and install dependencies through npm.\n\n``` bash\ngit clone https://github.com/shorthandcss/shorthand.git\ncd shorthand\nnpm install\n```\n\nRun the build command to build `dist` files\n\n`npm run build`\n\n## Documentation\n\nDocs can be found at https://shorthandcss.bansal.io/docs\n\n## License\n\nCopyright 2020 @bansal-io. This project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshorthandcss%2Fshorthand","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshorthandcss%2Fshorthand","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshorthandcss%2Fshorthand/lists"}