{"id":13734506,"url":"https://github.com/feddelegrand7/bubblyr","last_synced_at":"2026-02-27T01:31:08.224Z","repository":{"id":56143155,"uuid":"275041128","full_name":"feddelegrand7/bubblyr","owner":"feddelegrand7","description":"☁️ ☁️ ☁️  Beautiful Bubbles in Shiny and RMarkdown Backgrounds","archived":false,"fork":false,"pushed_at":"2020-12-12T22:28:19.000Z","size":7933,"stargazers_count":15,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-12-09T20:33:38.944Z","etag":null,"topics":["javascript","rmarkdown","rmarkdown-backgrounds","rmarkdown-document","rstats","shiny"],"latest_commit_sha":null,"homepage":"https://ihaddadenfodil.com/post/create-nice-looking-bubbles-in-rmarkdown-and-shiny-backgrounds-with-bubblyr/","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-26T00:21:06.000Z","updated_at":"2025-02-07T01:36:50.000Z","dependencies_parsed_at":"2022-08-15T13:31:04.708Z","dependency_job_id":null,"html_url":"https://github.com/feddelegrand7/bubblyr","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/feddelegrand7/bubblyr","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2Fbubblyr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2Fbubblyr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2Fbubblyr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2Fbubblyr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/feddelegrand7","download_url":"https://codeload.github.com/feddelegrand7/bubblyr/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feddelegrand7%2Fbubblyr/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29880687,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-26T23:51:21.483Z","status":"ssl_error","status_checked_at":"2026-02-26T23:50:46.793Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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","rmarkdown","rmarkdown-backgrounds","rmarkdown-document","rstats","shiny"],"created_at":"2024-08-03T03:00:56.727Z","updated_at":"2026-02-27T01:31:08.201Z","avatar_url":"https://github.com/feddelegrand7.png","language":"R","funding_links":["https://www.buymeacoffee.com/Fodil"],"categories":["UI Components"],"sub_categories":["Animation Effects"],"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# bubblyr \u003ca\u003e\u003cimg src='man/figures/hex.png' align=\"right\" height=\"200\" /\u003e\u003c/a\u003e\n\n\u003c!-- badges: start --\u003e\n[![CRAN_Status_Badge](https://www.r-pkg.org/badges/version/bubblyr)](https://cran.r-project.org/package=bubblyr)\n\n[![CRAN_time_from_release](https://www.r-pkg.org/badges/ago/bubblyr)](https://cran.r-project.org/package=bubblyr)\n\n[![metacran\ndownloads](https://cranlogs.r-pkg.org/badges/bubblyr)](https://cran.r-project.org/package=bubblyr)\n\n![](http://cranlogs.r-pkg.org/badges/grand-total/bubblyr?color=blue)\n\n[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://choosealicense.com/licenses/mit/)\n\n[![R build status](https://github.com/feddelegrand7/bubblyr/workflows/R-CMD-check/badge.svg)](https://github.com/feddelegrand7/bubblyr/actions)\n\u003c!-- badges: end --\u003e\n\n`bubblyr` is an R wrapper of the JavaScript library [bubbly-bg](https://github.com/tipsy/bubbly-bg). It allows you to add beautiful animated bubbles within Shiny and RMarkdown backgrounds. You can choose from several themes and apply the animation with one line of code. \n\n\n\u003ccenter\u003e\n\n![](man/figures/lalalandexample.gif)\n\n\n## Installation\n\nYou can install the `bubblyr` package from CRAN with: \n\n```{r, eval=FALSE}\n\ninstall.packages(\"bubblyr\")\n\n```\n\n\nYou can install the development version of `bubblyr` from Github with: \n\n```{r, eval=FALSE}\n\ninstall.packages(\"remotes\") #if not installed\n\nremotes::install_github(\"feddelegrand7/bubblyr\")\n\n```\n\n\n# Themes\n\nHere a list of all the available themes. Note that The ocean, cherry, hippie, bigmom and deepsea themes are provided by the author of the bubbly-bg JavaScript library, I just gave them some fancy names: \n\n```{r, echo=FALSE}\nlist \u003c- c(\n    \"ocean\",\n    \"cherry\",\n    \"hippie\",\n    \"bigmom\",\n    \"deepsea\",\n    \"illusion\",\n    \"rstudio\",\n    \"ash\",\n    \"classy\",\n    \"volcano\",\n    \"lacoste\",\n    \"warmup\",\n    \"fire\",\n    \"traffic\",\n    \"life\",\n    \"darksky\",\n    \"orangina\",\n    \"meteor\", \n    \"gravitas\",\n    \"rladies\",\n    \"sunshine\",\n    \"sweet\", \n    \"lalaland\"\n  )\n\nknitr::kable(list, col.names = \"Themes\")\n```\n\nBelow you can find some examples, feel free to experiment the remaining themes: \n\n#### Important: You may experiment some lags when viewing your Shiny/Rmd Document in the RStudio pane, instead use the browser. \n\n\n```{r, eval=FALSE}\nlibrary(shiny)\nlibrary(bubblyr)\n\nui \u003c- fluidPage(\n\n    bubbly(theme = \"bigmom\")\n\n)\n\nserver \u003c- function(input, output) {}\n\nshinyApp(ui = ui, server = server)\n\n```\n\n![](man/figures/bigmom.gif)\n\n\n```{r, eval=FALSE}\nlibrary(shiny)\nlibrary(bubblyr)\n\nui \u003c- fluidPage(\n\n    bubbly(theme = \"rstudio\")\n\n)\n\nserver \u003c- function(input, output) {}\n\nshinyApp(ui = ui, server = server)\n\n```\n\n\n![](man/figures/rstudio.gif)\n\n```{r, eval=FALSE}\nlibrary(shiny)\nlibrary(bubblyr)\n\nui \u003c- fluidPage(\n\n    bubbly(theme = \"classy\")\n\n)\n\nserver \u003c- function(input, output) {}\n\nshinyApp(ui = ui, server = server)\n\n```\n\n\n![](man/figures/classy.gif)\n\n\n## Code of Conduct\n\nPlease note that the bubblyr 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%2Fbubblyr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffeddelegrand7%2Fbubblyr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffeddelegrand7%2Fbubblyr/lists"}