{"id":13397676,"url":"https://github.com/getbase/base","last_synced_at":"2025-05-15T07:06:45.387Z","repository":{"id":2129840,"uuid":"3072953","full_name":"getbase/base","owner":"getbase","description":"Base - A Rock Solid, Responsive CSS Framework built to work on all devices big, small and in-between.","archived":false,"fork":false,"pushed_at":"2023-04-18T10:44:37.000Z","size":21764,"stargazers_count":1271,"open_issues_count":2,"forks_count":157,"subscribers_count":63,"default_branch":"master","last_synced_at":"2025-05-06T17:13:52.599Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://getbase.org","language":"HTML","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/getbase.png","metadata":{"files":{"readme":"readme.md","changelog":"changelog.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2011-12-30T05:13:13.000Z","updated_at":"2025-04-25T03:09:38.000Z","dependencies_parsed_at":"2023-07-05T20:31:59.240Z","dependency_job_id":null,"html_url":"https://github.com/getbase/base","commit_stats":{"total_commits":285,"total_committers":14,"mean_commits":"20.357142857142858","dds":"0.22807017543859653","last_synced_commit":"0888cfcac2b6ac84e08a1aa6d1a6141d39923b2f"},"previous_names":["matthewhartman/base"],"tags_count":108,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getbase%2Fbase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getbase%2Fbase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getbase%2Fbase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getbase%2Fbase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/getbase","download_url":"https://codeload.github.com/getbase/base/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254292042,"owners_count":22046426,"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":[],"created_at":"2024-07-30T18:01:38.608Z","updated_at":"2025-05-15T07:06:45.318Z","avatar_url":"https://github.com/getbase.png","language":"HTML","readme":"# [Base](http://getbase.org)\n\n### A Rock Solid, Responsive CSS Framework built to work on all devices big, small and in-between.\n\nLightweight and minimal code. Spend less time overriding styles and focus more time on creating beautiful website applications.\n\n[![Travis Build Status][travis-img]][travis] [![David Dependencies Status][david-img]][david]\n\n[travis-img]:   https://img.shields.io/travis/getbase/base.svg?branch=master\n[david-img]:    https://img.shields.io/david/dev/getbase/base.svg?branch=master\u0026label=dependencies\n[travis]:       https://travis-ci.org/getbase/base\n[david]:        https://david-dm.org/getbase/base?type=dev\n\n* * *\n\n## Table of contents\n\n* [Overview](#overview)\n* [Installation](#installation)\n* [Documentation](#documentation)\n* [Templates](#templates)\n* [Support](#support)\n* [Authors](#authors)\n* [Credits](#credits)\n* [License](#license)\n\n* * *\n\n## Overview\n\nBase itself is a pretty thin CSS framework built on top of Normalize CSS. Include what you need on top of Base such as custom typography, custom grids, components and make it yours.\n\n* * *\n\n## Installation\n\nIf you are creating a new project from scratch, it is recommended that you [use the base starter](https://github.com/getbase/starter).\n\n```bash\ngit clone https://github.com/getbase/starter.git --depth=1 \\\nnew-website \u0026\u0026 cd new-website \u0026\u0026 rm -rf .git \u0026\u0026 \\\nnpm install \u0026\u0026 npm start\n```\n\nFor existing projects, simply install base using NPM.\n\n```bash\nnpm install --save @getbase/base\n```\n\nOnce you have Base installed, you can choose what to import and include your own custom styles.\n\n#### HTML/CSS References:\n\n  ```html\n  \u003c!DOCTYPE html\u003e\n  \u003chtml\u003e\n  \u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eYour Website / App \u003c/title\u003e\n    \u003c!-- Base Core --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/core.css\"\u003e\n    \u003c!-- Base Common --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/code.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/forms.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/tables.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/typography.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/headings.css\"\u003e\n    \u003c!-- Add Your Website / App Stylesheet --\u003e\n    \u003c!-- ... --\u003e\n    \u003c!-- Add Additional Modules --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/containers.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/grid.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/horizontal-spacers.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/vertical-spacers.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/spacers.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/display-helpers.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/flex-helpers.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/position-helpers.css\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@getbase/base/typography-helpers.css\"\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003cp\u003e\n      Base!\n    \u003c/p\u003e\n  \u003c/body\u003e\n  \u003c/html\u003e\n  ```\n\n#### CSS Import:\n\n  ```css\n  /* Import Base */\n  @import url(\"https://unpkg.com/@getbase/base/core.css\");\n\n  /* Import Base Common */\n  @import url(\"https://unpkg.com/@getbase/base/code.css\");\n  @import url(\"https://unpkg.com/@getbase/base/forms.css\");\n  @import url(\"https://unpkg.com/@getbase/base/tables.css\");\n  @import url(\"https://unpkg.com/@getbase/base/typography.css\");\n  @import url(\"https://unpkg.com/@getbase/base/headings.css\");\n\n  /* Add Your Website / App Styles */\n  /* ... */\n\n  /* Add Additional Modules */\n  @import url(\"https://unpkg.com/@getbase/base/containers.css\");\n  @import url(\"https://unpkg.com/@getbase/base/grid.css\");\n  @import url(\"https://unpkg.com/@getbase/base/horizontal-spacers.css\");\n  @import url(\"https://unpkg.com/@getbase/base/vertical-spacers.css\");\n  @import url(\"https://unpkg.com/@getbase/base/spacers.css\");\n  @import url(\"https://unpkg.com/@getbase/base/display-helpers.css\");\n  @import url(\"https://unpkg.com/@getbase/base/flex-helpers.css\");\n  @import url(\"https://unpkg.com/@getbase/base/position-helpers.css\");\n  @import url(\"https://unpkg.com/@getbase/base/typography-helpers.css\");\n  ```\n\n#### SCSS Import:\n\n  ```scss\n  /* Import Base */\n  @import \"~@getbase/base/scss/_mixins\";\n  @import \"~@getbase/base/scss/core\";\n  \n  /* Import Base Common */\n  @import \"~@getbase/base/scss/code\";\n  @import \"~@getbase/base/scss/forms\";\n  @import \"~@getbase/base/scss/tables\";\n  @import \"~@getbase/base/scss/typography\";\n  @import \"~@getbase/base/scss/headings\";\n\n  /* Add Your Website / App Styles */\n  @import \"main\";\n\n  // Add Additional Modules\n  @import \"~@getbase/base/scss/containers\";\n  @import \"~@getbase/base/scss/grid\";\n  @import \"~@getbase/base/scss/horizontal-spacers\";\n  @import \"~@getbase/base/scss/vertical-spacers\";\n  @import \"~@getbase/base/scss/spacers\";\n  @import \"~@getbase/base/scss/typography-helpers\";\n  @import \"~@getbase/base/scss/display-helpers\";\n  @import \"~@getbase/base/scss/flex-helpers\";\n  @import \"~@getbase/base/scss/position-helpers\";\n  ```\n\n#### LESS Import:\n\n  ```less\n  /* Import Base */\n  @import \"~@getbase/base/less/_mixins\";\n  @import \"~@getbase/base/less/core\";\n  \n  /* Import Base Common */\n  @import \"~@getbase/base/less/code\";\n  @import \"~@getbase/base/less/forms\";\n  @import \"~@getbase/base/less/tables\";\n  @import \"~@getbase/base/less/typography\";\n  @import \"~@getbase/base/less/headings\";\n\n  /* Add Your Website / App Styles */\n  @import \"main\";\n\n  // Add Additional Modules\n  @import \"~@getbase/base/less/containers\";\n  @import \"~@getbase/base/less/grid\";\n  @import \"~@getbase/base/less/horizontal-spacers\";\n  @import \"~@getbase/base/less/vertical-spacers\";\n  @import \"~@getbase/base/less/spacers\";\n  @import \"~@getbase/base/less/typography-helpers\";\n  @import \"~@getbase/base/less/display-helpers\";\n  @import \"~@getbase/base/less/flex-helpers\";\n  @import \"~@getbase/base/less/position-helpers\";\n  ```\n\n* * *\n\n## Documentation\n\nThe best way to see what is inside Base is to view the [Styleguide](//unpkg.com/@getbase/base/index.html).\n\n* * *\n\n## Templates\n\nThere are a [collection of free templates built with Base](https://gumroad.com/getbase) which are available to download on Gumroad.\n\n* * *\n\n## Support\n\n* IE10+ and all other modern browsers.\n* Please specify browsers you need to support in `package.json` according to [browserslist docs](https://github.com/ai/browserslist#queries).\n\n* * *\n\n## Credits\n\n* Thanks to [Nicolas Gallagher (@necolas)](https://github.com/necolas/) for (Normalize.css)[https://github.com/necolas/normalize.css/]\n\n* * *\n\n## Authors\n\n#### Matthew Hartman\n\n* [https://github.com/matthewhartman](https://github.com/matthewhartman)\n* [https://twitter.com/matthewhartmans](https://twitter.com/matthewhartmans)\n\n* * *\n\n## License\n\nCode released under the [MIT Open Source](https://opensource.org/licenses/MIT) license.","funding_links":[],"categories":["HTML","Stalled Development","Frameworks / Resources"],"sub_categories":["B"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgetbase%2Fbase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgetbase%2Fbase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgetbase%2Fbase/lists"}