{"id":15011206,"url":"https://github.com/shakrmedia/petal","last_synced_at":"2025-04-09T22:12:58.206Z","repository":{"id":10500927,"uuid":"65962383","full_name":"shakrmedia/petal","owner":"shakrmedia","description":"A modern, light CSS UI framework by Shakr","archived":false,"fork":false,"pushed_at":"2023-07-13T02:36:15.000Z","size":1841,"stargazers_count":127,"open_issues_count":7,"forks_count":9,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-04-09T22:12:53.121Z","etag":null,"topics":["css","css-framework","framework","less","library"],"latest_commit_sha":null,"homepage":"https://shakrmedia.github.io/petal","language":"Handlebars","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/shakrmedia.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2016-08-18T03:32:49.000Z","updated_at":"2025-02-24T05:26:30.000Z","dependencies_parsed_at":"2022-07-12T15:04:07.634Z","dependency_job_id":"4d80a4f0-5aba-4698-bfd1-ef4a51c70949","html_url":"https://github.com/shakrmedia/petal","commit_stats":null,"previous_names":[],"tags_count":33,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shakrmedia%2Fpetal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shakrmedia%2Fpetal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shakrmedia%2Fpetal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shakrmedia%2Fpetal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shakrmedia","download_url":"https://codeload.github.com/shakrmedia/petal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248119292,"owners_count":21050755,"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","framework","less","library"],"created_at":"2024-09-24T19:39:41.662Z","updated_at":"2025-04-09T22:12:58.184Z","avatar_url":"https://github.com/shakrmedia.png","language":"Handlebars","funding_links":[],"categories":[],"sub_categories":[],"readme":"Petal \n[![CircleCI](https://circleci.com/gh/shakrmedia/petal.svg?style=svg)](https://circleci.com/gh/shakrmedia/petal)\n=====\n\n\u003cimg align=\"right\" width=\"100\" height=\"100\" src=\"http://shakrmedia.github.io/petal/assets/petal-logo.svg\"\u003e\n\nPetal is a modern, light CSS UI framework developed at [Shakr](http://shakr.com).\n\nPetal aims to provide an ample set of consistently designed UI components you can easily utilize in your web projects.\n\nPetal is fully coded on LESS from scratch.\n\n\n## Setting up Petal in your project\nDownload the [latest release](https://github.com/shakrmedia/petal/releases/latest), copy the `dist` folder to your project folder. (You may want to rename it to something else.)\n\nInsert the link to stylesheet in the `\u003chead\u003e` of your html:\n```\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"dist/petal.min.css\"\u003e\n```\nNow you can use all the Petal classes and styles in your project's HTML file.\n\n(If you need a pre-built, hosted CDN link, use the rawgit URL as explained in the [documentation](https://shakrmedia.github.io/petal/start).)\n\nAlternatively, if you want to install through npm, run\n```\nnpm install petal.less\n```\nin your console.\n\nPlease refer to the [documentation](http://shakrmedia.github.io/petal/) for other advanced ways to use Petal in your project.\n\n\n## Developing Petal\n#### Build Petal\nPetal uses [Grunt](http://gruntjs.com/getting-started) for compiling LESS files to a single `petal.css` file. Run `grunt petal` to compile Petal for a single time. Run `grunt dev` to go into development mode where files in the Petal directory will be watched, building automatically when you make changes to any of the source files. (This will also build the documentation.)\n\n#### Build Docs\nPetal's [documentation](http://shakrmedia.github.io/petal/) is built using [Assemble](http://assemble.io/). Run `grunt` (default task) to build Petal and documentation pages for a single time, `grunt dev` for continuous watching and automatic building. The documentation will be built into `docs` folder.\n\nThe `dev` task will also run a local webserver based on the `docs` folder. While running the `dev` task, you can access the built documentation at `localhost:9000`. The pages will also livereload when you save any of the watched files.\n\n\n## Changelog\nPlease view [Releases](https://github.com/shakrmedia/petal/releases) for the changelog.\n\n\n## Attribution\n- [normalize.css](https://github.com/necolas/normalize.css) by Nicolas Gallagher \u0026 Jonathan Neal : MIT License\n- [Selecter](https://github.com/Formstone/Selecter) by Ben Plum : MIT License\n\n\n## Author\n- **Hansol Kim** (zvuc) : https://github.com/zvuc/\n- with help and support from the Shakr Dev team\n\n\n## License \nReleased under the MIT License.\nSee [LICENSE](https://github.com/ShakrMedia/petal/blob/master/LICENSE) for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshakrmedia%2Fpetal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshakrmedia%2Fpetal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshakrmedia%2Fpetal/lists"}