{"id":18351213,"url":"https://github.com/feddelegrand7/scrollrevealr","last_synced_at":"2025-08-19T03:09:37.385Z","repository":{"id":56059482,"uuid":"272037972","full_name":"feddelegrand7/scrollrevealR","owner":"feddelegrand7","description":"Animate shiny elements when they scroll into view   🍁 🍁 🍁      ","archived":false,"fork":false,"pushed_at":"2020-12-09T21:52:46.000Z","size":40615,"stargazers_count":21,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-20T13:38:34.166Z","etag":null,"topics":["javascript","r","rstats","shiny"],"latest_commit_sha":null,"homepage":"","language":"R","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/feddelegrand7.png","metadata":{"files":{"readme":"README.Rmd","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"custom":["https://www.buymeacoffee.com/Fodil"]}},"created_at":"2020-06-13T15:43:25.000Z","updated_at":"2024-02-03T15:27:19.000Z","dependencies_parsed_at":"2022-08-15T12:20:50.046Z","dependency_job_id":null,"html_url":"https://github.com/feddelegrand7/scrollrevealR","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/feddelegrand7/scrollrevealR","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2FscrollrevealR","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2FscrollrevealR/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2FscrollrevealR/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2FscrollrevealR/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/feddelegrand7","download_url":"https://codeload.github.com/feddelegrand7/scrollrevealR/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2FscrollrevealR/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271093041,"owners_count":24697917,"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","status":"online","status_checked_at":"2025-08-19T02:00:09.176Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["javascript","r","rstats","shiny"],"created_at":"2024-11-05T21:29:54.542Z","updated_at":"2025-08-19T03:09:37.357Z","avatar_url":"https://github.com/feddelegrand7.png","language":"R","funding_links":["https://www.buymeacoffee.com/Fodil"],"categories":[],"sub_categories":[],"readme":"---\noutput: github_document\n---\n\n\u003c!-- README.md is generated from README.Rmd. Please edit that file --\u003e\n\n```{r, include = FALSE}\nknitr::opts_chunk$set(\n  collapse = TRUE,\n  comment = \"#\u003e\",\n  fig.path = \"man/figures/README-\",\n  out.width = \"100%\"\n)\n```\n\n# scrollrevealR \n\n\u003c!-- badges: start --\u003e\n\n[![CRAN_Status_Badge](https://www.r-pkg.org/badges/version/scrollrevealR)](https://cran.r-project.org/package=scrollrevealR)\n\n[![CRAN_time_from_release](https://www.r-pkg.org/badges/ago/scrollrevealR)](https://cran.r-project.org/package=scrollrevealR)\n\n[![metacran downloads](https://cranlogs.r-pkg.org/badges/scrollrevealR)](https://cran.r-project.org/package=scrollrevealR)\n\n[![metacran downloads](https://cranlogs.r-pkg.org/badges/grand-total/scrollrevealR)](https://cran.r-project.org/package=scrollrevealR)\n\n[![Travis build status](https://travis-ci.com/feddelegrand7/scrollrevealR.svg?branch=master)](https://travis-ci.com/feddelegrand7/scrollrevealR)\n\n\n[![R badge](https://img.shields.io/badge/Build%20with-♥%20and%20R-blue)](https://github.com/feddelegrand7/scrollrevealR)\n\n\u003c!-- badges: end --\u003e\n\n`scrollrevealR` allows you to animate `shiny` elements when they scroll into view using the [scrollrevealjs library](https://scrollrevealjs.org/).\n\n![](man/figures/exampleapp2.gif)\n\n\u003cbr\u003e\n\n\n## Installation\n\nYou can install the `scrollrevealR` package from [CRAN](https://CRAN.R-project.org/package=scrollrevealR) with: \n\n```{r, eval=FALSE}\n\ninstall.packages(\"scrollrevealR\")\n\n\n```\n\n\n\nYou can install the development version of `scrollrevealR` from [GitHub](https://github.com/) with:\n\n\n```{r eval=FALSE}\n# install.packages(\"devtools\")\ndevtools::install_github(\"feddelegrand7/scrollrevealR\")\n\n```\n\n## Example\n\nIn order to use `scrollrevealR`, you only need to use one function: \n\n+ `scroll_reveal()`: allows you to animate one or many shiny elements as they scroll into view. \n\n\n\n#### Important: when you apply the `scroll_reveal()` function on Shiny Tables, they tend to disappear when you scroll down to check the last observations of the table which is annoying. In order to deal with this issue, you can use the `reset = FALSE` argument which will trigger an animation only once.\n\nBelow an example of a simple shiny app that uses the `scrollrevealR` package: \n\n\n```{r eval=FALSE}\nlibrary(shiny)\nlibrary(scrollrevealR)\n\nui \u003c- fluidPage(\n\n  h1(\"Mtcars Plot\"),\n\n  br(), br(),\n\n  plotOutput(outputId = \"plt1\"),\n\n  br(), br(),\n\n  h1(\"Iris Plot\"),\n  \n  plotOutput(outputId = \"plt2\"),\n\n  br(), br(),\n\n  h1(\"ChickWeight Plot\"),\n\n  plotOutput(outputId = \"plt3\"),\n\n  # Using the scroll_reveal() function -------------------------------------------\n  scroll_reveal(target = c(\"#plt1\", \"#plt2\", \"#plt3\"), duration = 2000, distance = \"100px\"),\n\n  scroll_reveal(target = \"h1\", duration = 2000, distance = \"100px\"),\n  # ----------------------------------------------------------------------------- \n\n  # Making some space at the end\n\n  br(), br(), br(), br(), br(), br(), br(), br(), br(), br(), br(), br()\n\n)\n\nserver \u003c- function(input, output) {\n\n\noutput$plt1 \u003c-  renderPlot({\n\n    plot(mtcars)\n\n  })\n\n\noutput$plt2 \u003c- renderPlot({\n\n\n  plot(iris)\n\n})\n\n\noutput$plt3 \u003c- renderPlot({\n\n\n  plot(ChickWeight)\n\n\n})\n\n\n}\n\nshinyApp(ui = ui, server = server)\n\n```\n\n\n![](man/figures/exampleapp.gif)\n\n\n## Commercial License \n\nIf you use the `scrollrevealR` package for commercial usage, You can buy a Commercial License from the `scrollreveal` [website](https://scrollrevealjs.org/pricing/).\n\n\n## Code of Conduct\n\nPlease note that the scrollrevealR project is released with a [Contributor Code of Conduct](https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html). By contributing to this project, you agree to abide by its terms.\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffeddelegrand7%2Fscrollrevealr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffeddelegrand7%2Fscrollrevealr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffeddelegrand7%2Fscrollrevealr/lists"}