{"id":27384077,"url":"https://github.com/aaroniker/framy-css","last_synced_at":"2025-07-03T03:05:23.913Z","repository":{"id":57241416,"uuid":"50934190","full_name":"aaroniker/framy-css","owner":"aaroniker","description":"Very simple CSS Framework","archived":false,"fork":false,"pushed_at":"2018-03-25T21:57:44.000Z","size":1757,"stargazers_count":110,"open_issues_count":2,"forks_count":16,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-06-12T02:59:06.482Z","etag":null,"topics":["cdn","css","css-framework","demo","form","framework","framy-css","grid","icons","interface","js","js-files","responsive","ui","ux"],"latest_commit_sha":null,"homepage":"http://www.framycss.org","language":"CSS","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/aaroniker.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":"2016-02-02T16:26:26.000Z","updated_at":"2024-09-14T09:54:33.000Z","dependencies_parsed_at":"2022-09-08T00:40:54.494Z","dependency_job_id":null,"html_url":"https://github.com/aaroniker/framy-css","commit_stats":null,"previous_names":[],"tags_count":27,"template":false,"template_full_name":null,"purl":"pkg:github/aaroniker/framy-css","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaroniker%2Fframy-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaroniker%2Fframy-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaroniker%2Fframy-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaroniker%2Fframy-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aaroniker","download_url":"https://codeload.github.com/aaroniker/framy-css/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaroniker%2Fframy-css/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260098143,"owners_count":22958373,"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":["cdn","css","css-framework","demo","form","framework","framy-css","grid","icons","interface","js","js-files","responsive","ui","ux"],"created_at":"2025-04-13T16:17:15.761Z","updated_at":"2025-07-03T03:05:23.885Z","avatar_url":"https://github.com/aaroniker.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Framy - Very simple CSS Framework\n\nFramy is a collection of basic components, you will need in every web project to develop responsive \u0026 modern interfaces and websites.\n\n* __Website__ http://www.framycss.org\n* __Documentation__ http://www.framycss.org/#/docs\n* __Demo__ http://demo.framycss.org\n\n[![](https://data.jsdelivr.com/v1/package/npm/framy-css/badge?style=rounded)](https://www.jsdelivr.com/package/npm/framy-css)\n[![npm](https://img.shields.io/npm/dt/framy-css.svg)](https://www.npmjs.com/package/framy-css)\n[![npm](https://img.shields.io/npm/v/framy-css.svg)](https://www.npmjs.com/package/framy-css)\n[![Bower](https://img.shields.io/bower/v/framy-css.svg)]()\n[![npm](https://img.shields.io/npm/l/framy-css.svg)]()\n\n## How to use\n\n### CDN\n\nJust include the latest version like this:\n```\n// CSS\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/framy-css@latest/dist/css/framy.min.css\"\u003e\n\n// JS\n\u003cscript src=\"//cdn.jsdelivr.net/npm/framy-css@latest/dist/js/framy.js\"\u003e\u003c/script\u003e\n```\n\nOr just the CSS flexbox grid:\n```\n// Just the CSS flexbox grid\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/framy-css@latest/dist/css/framy.grid.min.css\"\u003e\n```\n\nOr replace _latest_ with a specific version (ex. grid system):\n```\n// Just the CSS flexbox grid\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/framy-css@2.8.5/dist/css/framy.grid.min.css\"\u003e\n```\n\n### Install with npm\n```\nnpm install framy-css\n```\nThen include CSS and JS files like this:\n```\n\u003clink rel=\"stylesheet\" href=\"node_modules/framy-css/dist/css/framy.min.css\"\u003e\n\n\u003cscript src=\"node_modules/framy-css/dist/js/framy.js\"\u003e\u003c/script\u003e\n```\n\n### Install with Bower\n```\nbower install framy-css\n```\nThen include CSS and JS files like this:\n```\n\u003clink rel=\"stylesheet\" href=\"bower_components/framy-css/dist/css/framy.min.css\"\u003e\n\n\u003cscript src=\"bower_components/framy-css/dist/js/framy.js\"\u003e\u003c/script\u003e\n```\n\n## Development\nYou'll need:\n* [git](https://git-scm.com/)\n* [npm](https://www.npmjs.com/get-npm)\n\nFirst clone this repository using [git](https://git-scm.com/):\n```\ngit clone https://github.com/aaroniker/framy-css.git\n```\nNow you'll have to install all needed [npm](https://www.npmjs.com/get-npm) dependencies:\n```\nnpm install\n```\nAfter that you could use the following commands:\n```\n// Load \u0026 compile all icons to an icon font from ./src/icons/*.svg to ./dist/fonts/*\nnpm run icons\n\n// Compile all .scss files to ./dist/css/framy.min.css\nnpm run css\n\n// Compile all grid related .scss files to ./dist/css/framy.grid.min.css\nnpm run css-grid\n\n// Watch all .scss files and recompile ./dist/css/framy.min.css \u0026 ./dist/css/framy.grid.min.css if they changed\nnpm run watch-css\n```\n\n## Resources\n\n* Interface Font https://github.com/rsms/inter\n* Ikons http://ikons.piotrkwiatkowski.co.uk\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaroniker%2Fframy-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faaroniker%2Fframy-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaroniker%2Fframy-css/lists"}