{"id":13717308,"url":"https://github.com/kylelogue/mustard-ui","last_synced_at":"2025-05-15T19:09:02.792Z","repository":{"id":30999656,"uuid":"126604127","full_name":"kylelogue/mustard-ui","owner":"kylelogue","description":"A starter CSS framework that actually looks good.","archived":false,"fork":false,"pushed_at":"2022-12-02T00:54:52.000Z","size":710,"stargazers_count":1026,"open_issues_count":9,"forks_count":65,"subscribers_count":33,"default_branch":"master","last_synced_at":"2025-04-07T22:11:23.238Z","etag":null,"topics":["css","css-framework","scss","scss-framework"],"latest_commit_sha":null,"homepage":"https://kylelogue.github.io/mustard-ui","language":"SCSS","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/kylelogue.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}},"created_at":"2018-03-24T13:54:09.000Z","updated_at":"2025-03-11T16:02:02.000Z","dependencies_parsed_at":"2023-01-14T18:08:16.872Z","dependency_job_id":null,"html_url":"https://github.com/kylelogue/mustard-ui","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylelogue%2Fmustard-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylelogue%2Fmustard-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylelogue%2Fmustard-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylelogue%2Fmustard-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kylelogue","download_url":"https://codeload.github.com/kylelogue/mustard-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254404357,"owners_count":22065641,"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","scss","scss-framework"],"created_at":"2024-08-03T00:01:20.541Z","updated_at":"2025-05-15T19:09:02.772Z","avatar_url":"https://github.com/kylelogue.png","language":"SCSS","funding_links":[],"categories":["SCSS","1. 前端UI框架(Frameworks)","Frameworks / Resources"],"sub_categories":["M"],"readme":"# [Mustard UI](https://kylelogue.github.io/mustard-ui)\nMustard is a **starter CSS framework** that actually looks good.\n\n[![npm](https://img.shields.io/npm/v/mustard-ui.svg)](https://www.npmjs.com/package/mustard-ui)\n[![npm](https://img.shields.io/npm/l/mustard-ui.svg)](https://www.npmjs.com/package/mustard-ui)\n\n## Getting Started\nMustard UI is currently in release v1.0.  Try it out today and help us fine tune the look and feel for future versions!\n\nTo get started, you can follow our [Installation Guide](https://kylelogue.github.io/mustard-ui/docs/installation) or use one of the methods provided below:\n\n**Install Using NPM:**\n```bash\nnpm install mustard-ui\n```\n\n**Include via a CDN::**\n```html\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/mustard-ui@latest/dist/css/mustard-ui.min.css\"\u003e\n```\n\n**Clone the Repo and Install Dependencies:**\n```bash\ngit clone https://github.com/kylelogue/mustard-ui.git\n\n```\n\n**Re-build the SCSS files:**\n```\nnpm run build\n```\n\n**Open the Sandbox Environment:**\n```\nnpm run dev\n```\n\nYou can start configuring the colors to suit your needs by first changing the `$brand-color` variable located in `src/scss/base/base.scss` from `$color-green-500` to `$color-indigo-500` or any other color you'd like.  There are lots of colors that can be found in the `src/scss/vars/colors.scss` file.\n\n## CSS Only\nMustard is a CSS framework and does not include any javascript.  We do this in an effort to keep the filesize small.\n\nYou can use the framework as is or customize it via the component variables located at the top of each component scss file.\n\n\n## Documentation\nFull documentation is provided on our website located on this repositories [GitHub Page](https://kylelogue.github.io/mustard-ui) and also located in the `/docs` folder as static html.\n\n## Become a Contributor\nMustard UI is provided free of cost because of the contributions that are made from developers like you. If you'd like to see this project grow, we would love it if you could submit a pull request to the project on GitHub.\n\n## Copyright and License\nCopyright 2018 Kyle Logue.  This project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylelogue%2Fmustard-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkylelogue%2Fmustard-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylelogue%2Fmustard-ui/lists"}