{"id":13514408,"url":"https://github.com/sailboatui/sailboatui","last_synced_at":"2025-05-16T01:05:44.503Z","repository":{"id":65236417,"uuid":"540686156","full_name":"sailboatui/sailboatui","owner":"sailboatui","description":"Sailboat UI is a modern UI component library for Tailwind CSS ","archived":false,"fork":false,"pushed_at":"2024-08-01T08:36:44.000Z","size":685,"stargazers_count":1297,"open_issues_count":3,"forks_count":40,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-05-15T05:22:50.295Z","etag":null,"topics":["css","html","responsive","tailwind-css","tailwindcss","ui","ui-components"],"latest_commit_sha":null,"homepage":"https://sailboatui.com","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/sailboatui.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","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,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":"sailboatui","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2022-09-24T02:39:51.000Z","updated_at":"2025-05-13T13:13:51.000Z","dependencies_parsed_at":"2024-01-05T10:09:38.771Z","dependency_job_id":"21cfab9f-4632-4790-a3bd-c01dc7b83675","html_url":"https://github.com/sailboatui/sailboatui","commit_stats":{"total_commits":138,"total_committers":9,"mean_commits":"15.333333333333334","dds":0.1594202898550725,"last_synced_commit":"e45987c41023cef9a648a4b88b2b0d46e113ff13"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sailboatui%2Fsailboatui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sailboatui%2Fsailboatui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sailboatui%2Fsailboatui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sailboatui%2Fsailboatui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sailboatui","download_url":"https://codeload.github.com/sailboatui/sailboatui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254448579,"owners_count":22072764,"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","html","responsive","tailwind-css","tailwindcss","ui","ui-components"],"created_at":"2024-08-01T05:00:55.632Z","updated_at":"2025-05-16T01:05:39.480Z","avatar_url":"https://github.com/sailboatui.png","language":"HTML","funding_links":["https://opencollective.com/sailboatui"],"categories":["HTML"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://sailboatui.com/#gh-light-mode-only\" target=\"_blank\"\u003e\n    \u003cimg src=\"./.github/logo-light.svg\" width=\"330\" height=\"70\" alt=\"Sailboat UI\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sailboatui.com/#gh-dark-mode-only\" target=\"_blank\"\u003e\n    \u003cimg src=\"./.github/logo-dark.svg\" width=\"330\" height=\"70\" alt=\"Sailboat UI\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  Sailboat UI is a modern UI component library for Tailwind CSS. Get started with 150+ open-source Tailwind CSS components, and make it easy to build your products.\n\u003c/p\u003e\n\n## Documentation\n\nFor the full documentation, visit [sailboatui.com](https://sailboatui.com/).\n\n## Meet our sponsors\n\n| [MagickPen](https://magickpen.com/)| [OpenL](https://openl.io/)| [magickimg](https://magickimg.com/)|\n| --- | ------ | ------|\n| \u003ca href=\"https://magickpen.com/\"\u003e\u003cimg src=\"https://i.ibb.co/cYGPdFz/magickpen.png\" alt=\"magickpen\" border=\"0\"\u003e\u003c/a\u003e | \u003ca href=\"https://openl.io/\"\u003e\u003cimg src=\"https://i.ibb.co/cbSt5VF/openl.png\" alt=\"openl\" border=\"0\"\u003e\u003c/a\u003e | \u003ca href=\"https://magickimg.com/\"\u003e\u003cimg src=\"https://i.ibb.co/DYJbGm1/magickimg.png\" alt=\"magickimg\" border=\"0\"\u003e\u003c/a\u003e |\n| AI Writing Assistant, powered by ChatGPT | Amazing Translator, powered by AI | Boost Your images Powered by AI |\n\n## Components\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd \u003eAvatar\u003c/td\u003e\n    \u003ctd \u003eBadge\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd \u003e\n        \u003ca href=\"https://sailboatui.com/docs/components/avatar/\" target=\"_blank\" \u003e\n            \u003cimg alt=\"Tailwind CSS Avatar\" src=\"https://sailboatui.com/images/thumb-avatar.png\"\u003e\n        \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd \u003e\n        \u003ca href=\"https://sailboatui.com/docs/components/badge/\" target=\"_blank\" \u003e\n            \u003cimg alt=\"Tailwind CSS Badge\" src=\"https://sailboatui.com/images/thumb-badge.png\"\u003e\n        \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd \u003eButton\u003c/td\u003e\n    \u003ctd \u003eCard\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd \u003e\n        \u003ca href=\"https://sailboatui.com/docs/components/button/\"\u003e\n            \u003cimg alt=\"Tailwind CSS Avatar\" src=\"https://sailboatui.com/images/thumb-button.png\"\u003e\n        \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd \u003e\n        \u003ca href=\"https://sailboatui.com/docs/components/card/\"\u003e\n            \u003cimg alt=\"Tailwind CSS Badge\" src=\"https://sailboatui.com/images/thumb-card.png\"\u003e\n        \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd \u003eDropdown\u003c/td\u003e\n    \u003ctd \u003eInput\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd \u003e\n        \u003ca href=\"https://sailboatui.com/docs/components/dropdown/\"\u003e\n            \u003cimg alt=\"Tailwind CSS Avatar\" src=\"https://sailboatui.com/images/thumb-dropdown.png\"\u003e\n        \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd \u003e\n        \u003ca href=\"https://sailboatui.com/docs/components/input/\"\u003e\n            \u003cimg alt=\"Tailwind CSS Badge\" src=\"https://sailboatui.com/images/thumb-input.png\"\u003e\n        \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd \u003eNotification\u003c/td\u003e\n    \u003ctd \u003ePagination\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd \u003e\n        \u003ca href=\"https://sailboatui.com/docs/components/notification/\"\u003e\n            \u003cimg alt=\"Tailwind CSS Avatar\" src=\"https://sailboatui.com/images/thumb-notification.png\"\u003e\n        \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd \u003e\n        \u003ca href=\"https://sailboatui.com/docs/components/pagination/\"\u003e\n            \u003cimg alt=\"Tailwind CSS Badge\" src=\"https://sailboatui.com/images/thumb-pagination.png\"\u003e\n        \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd colspan=\"2\" align=\"center\"\u003e\n        \u003ca href=\"https://sailboatui.com/docs/components/accordion/\"\u003e\n            View All\n        \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## Installation\n\n```bash\nnpm install -D tailwindcss\n```\n\nSailboat UI is a modern UI component library for Tailwind CSS, you just need to install Tailwind CSS and configure it. Learn [how to install Tailwind CSS](https://tailwindcss.com/docs/installation).\n\n## Configuration\n\nYou need to add this to your `tailwind.config.js` file.\n\n```js\n// tailwind.config.js\nconst defaultTheme = require(\"tailwindcss/defaultTheme\");\nconst colors = require(\"tailwindcss/colors\");\nmodule.exports = {\n  content: [\"./src/**/*.{html,js}\"],\n  theme: {\n    extend: {\n      // Set font family\n      fontFamily: {\n        sans: [\"Inter\", ...defaultTheme.fontFamily.sans],\n      },\n      // Set theme colors (Required config!)\n      colors: {\n        primary: colors.blue,\n        secondary: colors.slate,\n      },\n    },\n  },\n  // Add plugins\n  plugins: [require(\"@tailwindcss/typography\"), require(\"@tailwindcss/forms\")],\n};\n```\n\nMore configuration options are available in the [Sailboat UI Quick Start](https://sailboatui.com/docs/getting-started/quick-start/).\n\n## Development\n\nSailboat UI is an open-source project that you can contribute to on [GitHub](https://github.com/sailboatui/sailboatui). If you appreciate the project, please consider giving it a star to show your support. Thank you.\n\n1. You need [Hugo](https://gohugo.io/) to run the development server. If you have [Homebrew](https://brew.sh/) you can do the following:\n\n```bash\nbrew install hugo\n```\n\n2. Clone the repository and install the dependencies.\n   Run the development server.\n\n```bash\nnpm run dev\n```\n\n4. Open [http://localhost:1313/](http://localhost:1313/) in your browser.\n\n- `npm run dev`: Run the dev server.\n- `npm run build`: Build the static site.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsailboatui%2Fsailboatui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsailboatui%2Fsailboatui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsailboatui%2Fsailboatui/lists"}