Skip to content

lgnbhl/textyle

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
R
 
 
 
 
 
 
 
 
man
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Lifecycle: experimental CRAN status R build status

textyle

Add beautiful text effects in your Shiny apps

The textyle package allows to reproduce the beautiful text effects from Textyle.js in a Shiny app.

Usage

Install textyle from GitHub.

# install.packages("remotes")
remotes::install_github("lgnbhl/textyle")

Shiny

To animate a text, simply call textyle() on any tag element from tags().

library(shiny)
library(textyle)
 
shinyApp(
  ui = fluidPage(
      align = "center",
      br(), br(), br(),
      textyle(tags$p("TEXTYLE", style = "font-size:7rem;font-weight:900;")),
      textOutput("text")
  ),
  server = function(input, output){
    output$text <- renderText({ print("- Simple Text Effect -") })
  }
)

Customize it

You can change the color, the easing (see jquery-easing for all options availables) or the speed of the text effect.

To reproduce the non colored effect, change the color to black and add class = "ex1" in the function.

textyle(p("TEXTYLE"), color = "black", class = "ex1")

The reproduced text effects are taken from this codepen.

About

Add beautiful text effects in your Shiny apps

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published