shinyWidgets v0.4.9


Monthly downloads



Custom Inputs Widgets for Shiny

Collection of custom input controls and user interface components for 'Shiny' applications. Give your applications a unique and colorful style !



Extend widgets available in shiny

Travis-CI Build Status AppVeyor build status version cranlogs cran checks Coverage Status


This package provide some custom widgets to pimp your shiny apps !

You can replace classical checkboxes with switch button, add colors to radio buttons and checkbox group, use buttons as radio or checkboxes. Each widget has an update method to change the value of an input from the server.

Installation :

# From CRAN

# From Github
# install.packages("devtools")

Demo :


A live version is available here :

Widgets available :

Bootstrap switch

Turn checkboxes into toggle switches :

switchInput(inputId = "id", value = TRUE)

Material switch

Turn checkboxes into toggle switches (again) :

materialSwitch(inputId = "id", label = "Primary switch", status = "danger")

Pretty Checkbox

Checkbox and radio buttons with the beautiful CSS library pretty-checkbox : prettycheckbox

  inputId = "pretty_1", label = "Check me!", icon = icon("check")
  inputId = "pretty_2", label = "Check me!", icon = icon("thumbs-up"), 
  status = "default", shape = "curve", animation = "pulse"
  inputId = "pretty_3", label = "Check me!", icon = icon("users"), 
  animation = "pulse", plain = TRUE, outline = TRUE
  inputId = "pretty_4", label = "Check me!",
  status = "success", outline = TRUE
  inputId = "pretty_5", label = "Check me!",
  shape = "round", outline = TRUE, status = "info"


Sweet Alert

Displays a message to the user :


See examples in ?sendSweetAlert.

Request confirmation from the user :


See examples in ?confirmSweetAlert.

Slider Text

Slider with strings, to pass whatever you want :

  inputId = "mySliderText", 
  label = "Your choice:", 
  grid = TRUE, 
  force_edges = TRUE,
  choices = c("Strongly disagree",
              "Disagree", "Neither agree nor disagree", 
              "Agree", "Strongly agree")

Knob Input

A jQuery based knob, similar to sliderInput or sliderTextInput:

  inputId = "myKnob",
  label = "jQuery knob example:",
  value = 0,
  min = -100,
  displayPrevious = TRUE, 
  lineCap = "round",
  fgColor = "#428BCA",
  inputColor = "#428BCA"

Select picker

Dropdown menu with a lot of options :

  inputId = "myPicker", 
  label = "Select/deselect all + format selected", 
  choices = LETTERS, 
  options = list(
    `actions-box` = TRUE, 
    size = 10,
    `selected-text-format` = "count > 3"
  multiple = TRUE

Checkbox and radio buttons

Turn buttons into checkbox or radio :

  inputId = "somevalue", label = "Make a choice :", 
  choices = c("Choice A", "Choice B", " Choice C", "Choice D"), 
  justified = TRUE, status = "primary",
  checkIcon = list(yes = icon("ok", lib = "glyphicon"), no = icon("remove", lib = "glyphicon"))

A text input only triggered by hitting 'Enter' or clicking search button :

  inputId = "id", 
  label = "Enter your search :", 
  placeholder = "This is a placeholder", 
  btnSearch = icon("search"), 
  btnReset = icon("remove"), 
  width = "100%"

Hide input in a button :
dropdown_off dropdown_on

  tags$h3("List of Input"),
  selectInput(inputId = 'xcol', label = 'X Variable', choices = names(iris)),
  selectInput(inputId = 'ycol', label = 'Y Variable', choices = names(iris), selected = names(iris)[[2]]),
  sliderInput(inputId = 'clusters', label = 'Cluster count', value = 3, min = 1, max = 9),
  circle = TRUE, status = "danger", icon = icon("gear"), width = "300px",
  tooltip = tooltipOptions(title = "Click to see inputs !")

And others !

Functions in shinyWidgets

Name Description
animations Animation names
addSpinner Display a spinner above an output when this one recalculate
awesomeCheckbox Awesome Checkbox Input Control
awesomeRadio Awesome Radio Buttons Input Control
airDatepicker Air Date Picker Input
appendVerticalTab Mutate Vertical Tabset Panel
awesomeCheckboxGroup Awesome Checkbox Group Input Control
animateOptions Animate options
actionBttn Awesome action button
actionGroupButtons Actions Buttons Group Inputs
circleButton Circle Action button
demoNoUiSlider Some examples on how to use noUiSliderInput
demoAirDatepicker Some examples on how to use airDatepickerInput
colorSelectorInput Color Selector Input
confirmSweetAlert Launch a confirmation dialog
downloadBttn Create a download actionBttn
demoNumericRange An example showing how numericRangeInput works
dropdown Dropdown
checkboxGroupButtons Buttons Group checkbox Input Control
chooseSliderSkin Theme selector for sliderInput
dropdownButton Dropdown Button
noUiSliderInput Numeric range slider
closeSweetAlert Close Sweet Alert
materialSwitch Material Design Switch Input Control
numericRangeInput Numeric Range Input
knobInput Knob Input
inputSweetAlert Launch an input text dialog
multiInput Create a multiselect input control
prettyToggle Pretty Toggle Input
progress-bar Progress Bars
updatePrettyRadioButtons Change the value pretty radio buttons on the client
updateAirDateInput Change the value of airDatepickerInput on the client
tooltipOptions Tooltip options
prettyCheckbox Pretty Checkbox Input
updateAwesomeCheckbox Change the value of an awesome checkbox input on the client
setBackgroundColor Custom background color for your shinyapp
updateMultiInput Change the value of a multi input on the client
sendSweetAlert Display a Sweet Alert to the user
prettyCheckboxGroup Pretty Checkbox Group Input Control
updateAwesomeCheckboxGroup Change the value of a awesomeCheckboxGroup input on the client
pickerInput Select picker Input Control
updatePrettySwitch Change the value of a pretty switch on the client
updateSpectrumInput Change the value of a spectrum input on the client
panel Create a panel
updateNoUiSliderInput Change the value of a no ui slider input on the client
spectrumInput Palette Color Picker with Spectrum Library
searchInput Search Input
selectizeGroup-module Selectize Group
switchInput Bootstrap Switch Input Control
pickerOptions Options for `pickerInput`
pickerGroup-module Picker Group
updatePrettyCheckboxGroup Change the value of a pretty checkbox on the client
updatePrettyCheckbox Change the value of a pretty checkbox on the client
shinyWidgetsGallery Launch the shinyWidget Gallery
sliderTextInput Slider Text Input Widget
progressSweetAlert Progress bar in a sweet alert
textInputAddon Text with Add-on Input Control
useTablerDash Use 'tablerDash' in 'shiny'
updateRadioGroupButtons Change the value of a radio group buttons input on the client
toggleDropdownButton Toggle a dropdown menu
updatePrettyToggle Change the value of a pretty toggle on the client
updateSearchInput Change the value of a search input on the client
updateSliderTextInput Change the value of a slider text input on the client
useSweetAlert Load Sweet Alert dependencies
useShinydashboardPlus Use 'shinydashboardPlus' in 'shiny'
updateSwitchInput Change the value of a switch input on the client
radioGroupButtons Buttons Group Radio Input Control
setSliderColor Color editor for sliderInput
prettyRadioButtons Pretty radio Buttons Input Control
updateAwesomeRadio Change the value of a radio input on the client
updateKnobInput Change the value of a knob input on the client
updateCheckboxGroupButtons Change the value of a checkboxes group buttons input on the client
updateMaterialSwitch Change the value of a materialSwitch input on the client
shinyWidgets shinyWidgets: Custom inputs widgets for Shiny.
useArgonDash Use 'argonDash' in 'shiny'
updateVerticalTabsetPanel Update selected vertical tab
vertical-tab Vertical tab panel
prettySwitch Pretty Switch Input
setBackgroundImage Custom background image for your shinyapp
setShadow Custom shadows
updateNumericRangeInput Change the value of a numeric range input
useBs4Dash Use 'bs4Dash' in 'shiny'
updatePickerInput Change the value of a select picker input on the client
useShinydashboard Use 'shinydashboard' in 'shiny'
wNumbFormat Format numbers in noUiSliderInput
No Results!

Last month downloads


Include our badge in your README