{"id":15511435,"url":"https://github.com/hex-digital/captaincss","last_synced_at":"2025-04-11T01:31:18.291Z","repository":{"id":54787703,"uuid":"309206173","full_name":"hex-digital/captaincss","owner":"hex-digital","description":"A toolbox packed with battle hardened layout objects and utilities. Rapidly build layouts that scale with elegance.","archived":false,"fork":false,"pushed_at":"2024-10-02T10:04:18.000Z","size":868,"stargazers_count":15,"open_issues_count":11,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-25T07:01:43.323Z","etag":null,"topics":["bem","itcss","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/hex-digital.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-11-01T23:02:52.000Z","updated_at":"2025-01-21T04:14:50.000Z","dependencies_parsed_at":"2023-02-01T05:30:33.448Z","dependency_job_id":"d86c599a-2b43-4b41-9185-a614b89737ab","html_url":"https://github.com/hex-digital/captaincss","commit_stats":{"total_commits":149,"total_committers":3,"mean_commits":"49.666666666666664","dds":"0.15436241610738255","last_synced_commit":"61a0bd5650a46ca0f08d9c55d2a29cc5a1d02ec5"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hex-digital%2Fcaptaincss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hex-digital%2Fcaptaincss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hex-digital%2Fcaptaincss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hex-digital%2Fcaptaincss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hex-digital","download_url":"https://codeload.github.com/hex-digital/captaincss/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248312197,"owners_count":21082637,"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":["bem","itcss","tailwindcss"],"created_at":"2024-10-02T09:53:02.101Z","updated_at":"2025-04-11T01:31:13.282Z","avatar_url":"https://github.com/hex-digital.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\u003cimg width=\"279\" src=\"https://user-images.githubusercontent.com/2754728/97885162-ec8fbf00-1d1e-11eb-9f7d-9cef86938da0.png\"\u003e\u003cbr /\u003eWelcome to CaptainCSS 👋\u003c/h1\u003e\n\n**An extensible, scalable set of CSS objects and utilities that harness Tailwind and ITCSS to provide structure to teams and large or long-lasting projects**\n\nCaptain does not provide you with UI or design out of the box, but instead provides solid architectural layout objects and utilities, upon which anything can be built.\n\nTalk the same language as other developers, and share a set of common objects across all of your website and app builds. All fully configurable using the native Tailwind config.\n\n\u003cp\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@captaincss/captaincss\"\u003e\u003cimg alt=\"Version\" src=\"https://img.shields.io/npm/v/@captaincss/captaincss?style=for-the-badge\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@captaincss/captaincss\"\u003e\u003cimg src=\"https://img.shields.io/npm/dt/@captaincss/captaincss.svg?style=for-the-badge\" alt=\"Total Downloads\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://captaincss.hexdigital.com/\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Documentation\" src=\"https://img.shields.io/badge/documentation-yes-green.svg?style=for-the-badge\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/hex-digital/captaincss/blob/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/npm/l/@captaincss/captaincss.svg?style=for-the-badge\" alt=\"License\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://twitter.com/jamiew_tv\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Twitter: jamiewarb\" src=\"https://img.shields.io/twitter/follow/jamiewarb.svg?style=social\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n### 🏠 [Homepage](https://github.com/hex-digital/captaincss)\n\n## Install\n\n```sh\nyarn add -D @captaincss/captaincss # or npm install -D @captaincss/captaincss\n```\n\n## Usage\n\n1. Install and setup Tailwind in your project: https://tailwindcss.com/docs/installation\n\n2. Add CaptainCSS as a plugin in your tailwind.config.js:\n\n```js\n// tailwind.config.js\nmodule.exports = {\n  theme: {},\n  plugins: [\n    require('@captaincss/captaincss'),\n  ],\n}\n```\n\n3. Configure Captain's theme settings and variants in your tailwind config, exactly like Tailwind. Check `defaultConfig.js` for Captain's default configuration.\n\n```js\n// tailwind.config.js\nmodule.exports = {\n  theme: {\n    extend: {\n      frame: {\n        ratio: {\n          '4:3': '4:3',\n        }\n      }\n    }\n  },\n  plugins: [\n    require('@captaincss/captaincss'),\n  ],\n}\n```\n\n## Author\n\n👤 **Jamie Warburton**\n\n* Twitter: [@jamiewarb](https://twitter.com/jamiewarb)\n\n## 🤝 Contributing\n\nContributions, issues and feature requests are welcome!\u003cbr /\u003eFeel free to check [issues page](https://github.com/hex-digital/captaincss/issues).\n\nPlease read our [Contributing Guidelines](https://github.com/hex-digital/captaincss/blob/main/.github/CONTRIBUTING.md) first!\n\n## Show your support\n\nPlease give a ⭐️ if this project helped you!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhex-digital%2Fcaptaincss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhex-digital%2Fcaptaincss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhex-digital%2Fcaptaincss/lists"}