{"id":16538471,"url":"https://github.com/mujadded/loading_screen","last_synced_at":"2025-03-21T09:32:18.717Z","repository":{"id":56881757,"uuid":"118148450","full_name":"Mujadded/loading_screen","owner":"Mujadded","description":"Loading screen for ruby and rails apps","archived":false,"fork":false,"pushed_at":"2018-03-10T14:18:50.000Z","size":71,"stargazers_count":9,"open_issues_count":1,"forks_count":4,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-01T05:11:37.972Z","etag":null,"topics":["loading-spinner","ruby-gem"],"latest_commit_sha":null,"homepage":null,"language":"Ruby","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/Mujadded.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-01-19T16:20:00.000Z","updated_at":"2023-09-28T19:05:09.000Z","dependencies_parsed_at":"2022-08-21T00:50:07.084Z","dependency_job_id":null,"html_url":"https://github.com/Mujadded/loading_screen","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mujadded%2Floading_screen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mujadded%2Floading_screen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mujadded%2Floading_screen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mujadded%2Floading_screen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mujadded","download_url":"https://codeload.github.com/Mujadded/loading_screen/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244130270,"owners_count":20402753,"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":["loading-spinner","ruby-gem"],"created_at":"2024-10-11T18:45:44.041Z","updated_at":"2025-03-21T09:32:18.395Z","avatar_url":"https://github.com/Mujadded.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LoadingScreen\n[![Gem Version](https://badge.fury.io/rb/loading_screen.svg)](https://badge.fury.io/rb/loading_screen)\n\nThis gem allow to load a simple loading screen on any page that you want.\n\n## Installation\n\nAdd this line to your application's Gemfile:\n\nfor the latest development branch\n```ruby\ngem 'loading_screen', git: https://github.com/Mujadded/loading_screen.git\n```\n\nfor the stable branch\n```ruby\ngem 'loading_screen', '~\u003e 0.2.3'\n```\n\nAnd then execute:\n\n    $ bundle install\n\n## Usage\nGem has dependency on jquery so if not already added, please add\n```\n//= require jquery\n```\nand then this line in application.js\n```\n//= require loading_screen\n```\n\nAfter that add this line in application.css\n```\n *= require loading_screen\n```\n### Using available CSS animations\nWe are all set, to use it with default `rotating_square` animation in any view file ( for e.g.: index.html.erb) just add:\n```\n\u003c%= loading_screen %\u003e\n```\nor\n```\n\u003c%= loading_screen style: :default %\u003e\n```\n\nThere are also other loading animation available for you to choose from just add `style` option, like:\n\n```\n\u003c%= loading_screen style: :double_bounce %\u003e\n```\n\n```\n\u003c%= loading_screen style: :rectangle_bounce %\u003e\n```\n\n```\n\u003c%= loading_screen style: :wandering_cubes %\u003e\n```\n\n```\n\u003c%= loading_screen style: :cube_grid %\u003e\n```\n\n```\n\u003c%= loading_screen style: :dotted_spinner %\u003e\n```\n\n```\n\u003c%= loading_screen style: :dotted_line %\u003e\n```\nOther animations will be available shortly...\n\n### Using custom gif images\n\nif you want to add custom gif as the loading screen just download a gif and put it inside the `assets/images/` and add `gif` option:\n```\n\u003c%= loading_screen gif: 'your gif file name witout \".gif\" ' %\u003e\n```\nAnd you are done. Enjoy\n\n### Using custom colors\n\nYou can change the background color and the loader color ( color for only css animation loader, gif's color depends on the image ) by adding `background` option and `color` option:\n\n```\n\u003c%= loading_screen color: 'red', background: 'green' %\u003e\n```\nColor format like `hash`, `rgb`, `rgba`, etc  all css color format are acceptable\n\n## Development\n\nCurrently only fullscreen loading animation is supported. `Div` based loading animation feature will be added soon.\n\n## Contributing\n\nBug reports and pull requests are welcome. So fork the repo and create a pull :).\n\n## License\n\nThe gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmujadded%2Floading_screen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmujadded%2Floading_screen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmujadded%2Floading_screen/lists"}