{"id":13469413,"url":"https://github.com/taniarascia/primitive","last_synced_at":"2025-05-16T01:07:35.063Z","repository":{"id":43695376,"uuid":"48016726","full_name":"taniarascia/primitive","owner":"taniarascia","description":"⛏️ ‎ A front-end design toolkit for developing web apps.","archived":false,"fork":false,"pushed_at":"2020-11-26T15:57:36.000Z","size":1046,"stargazers_count":924,"open_issues_count":2,"forks_count":81,"subscribers_count":27,"default_branch":"master","last_synced_at":"2025-04-08T11:11:39.100Z","etag":null,"topics":["boilerplate","css","css-framework","custom","framework","frontend","sass","scss","starter-kit","template","workflow"],"latest_commit_sha":null,"homepage":"https://taniarascia.github.io/primitive","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/taniarascia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-12-15T03:15:37.000Z","updated_at":"2025-04-04T05:37:49.000Z","dependencies_parsed_at":"2022-08-26T23:11:05.074Z","dependency_job_id":null,"html_url":"https://github.com/taniarascia/primitive","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taniarascia%2Fprimitive","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taniarascia%2Fprimitive/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taniarascia%2Fprimitive/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taniarascia%2Fprimitive/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/taniarascia","download_url":"https://codeload.github.com/taniarascia/primitive/tar.gz/refs/heads/master","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":["boilerplate","css","css-framework","custom","framework","frontend","sass","scss","starter-kit","template","workflow"],"created_at":"2024-07-31T15:01:38.522Z","updated_at":"2025-05-16T01:07:30.056Z","avatar_url":"https://github.com/taniarascia.png","language":"SCSS","funding_links":[],"categories":["SCSS","Frameworks / Resources"],"sub_categories":["P"],"readme":"# Primitive UI\r\n\r\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) [![primitive-ui on NPM](https://img.shields.io/npm/v/primitive-ui.svg?color=green\u0026label=primitive-ui)](https://www.npmjs.com/package/primitive-ui)\r\n\r\nA front-end design toolkit built with Sass for developing responsive web apps. Primitive also provides helpful, browser-consistent styling for default HTML elements - buttons, forms, tables, lists, and typography.\r\n\r\n### [View documentation](https://taniarascia.github.io/primitive)\r\n\r\n## Installation\r\n\r\n### CSS quick start (easy)\r\n\r\n- [Download the stylesheet](https://taniarascia.github.io/primitive/css/main.css) or use the CDN URL: [https://unpkg.com/primitive-ui/dist/css/main.css](https://unpkg.com/primitive-ui/dist/css/main.css).\r\n- Save the stylesheet and link to it in the head of your project.\r\n\r\n```html\r\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/primitive-ui/dist/css/main.css\" /\u003e\r\n```\r\n\r\nIt's all set to go and your HTML elements will be given sensible default styling.\r\n\r\n### Sass integration (recommended)\r\n\r\nThe beauty of Primitive is the ease with which you can create unique designs in a beautiful, simple system.\r\n\r\n```bash\r\n# Clone the repo\r\ngit clone https://github.com/taniarascia/primitive.git\r\n\r\n# Watch for file changes\r\nnpm run sass:watch\r\n\r\n# Build a minified production build\r\nnpm run sass:build\r\n```\r\n\r\nNow you can begin modifying variables in `variables.scss`. This file will define your colors, typography, sizes, breakpoints, buttons, borders, and more. Define all your variables here to keep your project organized.\r\n\r\nYou can view `dist/test.html` or `docs/template.html` to see some example elements as you make changes.\r\n\r\n### Gulp usage\r\n\r\nIf you use would prefer to use Gulp for compiling, the option is available.\r\n\r\n- Watch modifications and recompile: `yarn gulp-watch` / `npm run gulp-watch`\r\n- Build CSS: `yarn gulp-css` / `npm run gulp-css`\r\n\r\n## Acknowledgements\r\n\r\n- Dave Gamache for building [Skeleton CSS](http://getskeleton.com/), the original inspiration for building Primitive and understanding responsive CSS.\r\n\r\n## Contributing\r\n\r\nPlease feel free to fork, comment, critique, or submit a pull request.\r\n\r\n## Author\r\n\r\n- [Tania Rascia](https://www.taniarascia.com)\r\n\r\n## License\r\n\r\nThis project is open source and available under the [MIT License](LICENSE.md).\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaniarascia%2Fprimitive","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaniarascia%2Fprimitive","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaniarascia%2Fprimitive/lists"}