<p><div><div><div><div data-width="100" data-show-faces="false" data-send="true" data-layout="button_count" data-height="21" data-href="https://www.r-bloggers.com/shinythemes-1-1-1/"></div></div><div><a data-url="https://www.r-bloggers.com/shinythemes-1-1-1/" data-counturl="https://www.r-bloggers.com/shinythemes-1-1-1/" data-count="horizontal" data-text="shinythemes 1.1.1" class="twitter-share-button" data-via="rbloggers" href="https://twitter.com/share"></a></div><div></div></div><div></div></div>
<div>
(This article was first published on <strong><a href="https://blog.rstudio.org/2016/10/13/shinythemes-1-1-1/"> RStudio Blog</a></strong>, and kindly contributed to <a rel="nofollow" href="https://www.r-bloggers.com/">R-bloggers)</a> </div>
<p>If there’s one word that could describe the default styling of Shiny applications, it might be “minimalist.” Shiny’s UI components are built using the Bootstrap web framework, and unless the appearance is customized, the application will be mostly white and light gray.</p>
<p>Fortunately, it’s easy to add a bit of flavor to your Shiny application, with the <a target="_blank" href="https://rstudio.github.io/shinythemes/">shinythemes</a> package. We’ve just released version 1.1.1 of shinythemes, which includes many new themes from <a target="_blank" href="http://bootswatch.com/">bootswatch.com</a>, as well as a theme selector which you can use to test out different themes on a live Shiny application.</p>
<p>Here’s an example of the theme selector in use (try out the app <a target="_blank" href="https://gallery.shinyapps.io/117-shinythemes/">here</a>):</p>
<div><img alt="theme-selector" class="wp-image-3302" src="https://i0.wp.com/rstudioblog.files.wordpress.com/2016/10/theme-selector.gif?resize=456%2C341&ssl=1" data-recalc-dims="1"></div>
<hr>
<p>To install the latest version of shinythemes, run:</p>
<pre><code>install.packages(&quot;shinythemes&quot;)</code></pre>
<p>To use the theme selector, all you need to do is add this somewhere in your app’s UI code:</p>
<pre><code>shinythemes::themeSelector()</code></pre>
<p>Once you’ve chosen which theme you want, all you need to do is use the <code>theme</code> argument of the <code>bootstrapPage</code>, <code>fluidPage</code>, <code>navbarPage</code>, or <code>fixedPage</code> functions. If you want to use “cerulean”, you would do this:</p>
<pre><code>fluidPage(theme = shinytheme(&quot;cerulean&quot;),
  ...
)</code></pre>
<p>To learn more and see screenshots of the different themes, visit the <a target="_blank" href="https://rstudio.github.io/shinythemes/">shinythemes web page</a>. Enjoy!</p>
<p> <a target="_blank" rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/rstudioblog.wordpress.com/3300/"><img alt="" src="http://feeds.wordpress.com/1.0/comments/rstudioblog.wordpress.com/3300/" border="0"></a> <img alt="" src="https://i1.wp.com/pixel.wp.com/b.gif?resize=1%2C1&ssl=1" border="0" data-recalc-dims="1"></p>
<p><div><div><div><div data-width="55" data-show-faces="false" data-send="true" data-layout="box_count" data-height="62" data-href="https://www.r-bloggers.com/shinythemes-1-1-1/"></div></div><div><a data-url="https://www.r-bloggers.com/shinythemes-1-1-1/" data-counturl="https://www.r-bloggers.com/shinythemes-1-1-1/" data-count="vertical" data-text="shinythemes 1.1.1" class="twitter-share-button" data-via="rbloggers" href="https://twitter.com/share"></a></div><div></div></div><div></div></div>
<div>
<div>To <strong>leave a comment</strong> for the author, please follow the link and comment on their blog: <strong><a href="https://blog.rstudio.org/2016/10/13/shinythemes-1-1-1/"> RStudio Blog</a></strong>.</div>
<hr>
<a rel="nofollow" href="https://www.r-bloggers.com/">R-bloggers.com</a> offers <strong><a rel="nofollow" href="https://feedburner.google.com/fb/a/mailverify?uri=RBloggers">daily e-mail updates</a></strong> about <a title="The R Project for Statistical Computing" rel="nofollow" href="https://www.r-project.org/">R</a> news and <a title="R tutorials" rel="nofollow" href="https://www.r-bloggers.com/?s=tutorial">tutorials</a> on topics such as: <a title="Data science" rel="nofollow" href="https://www.r-bloggers.com/?s=data%20science">Data science</a>, <a title="Big Data" rel="nofollow" href="https://www.r-bloggers.com/?s=Big%20Data">Big Data, <a title="R jobs" rel="nofollow" href="https://www.r-users.com/">R jobs</a>, visualization (<a title="ggplot and ggplot2 tutorials" rel="nofollow" href="https://www.r-bloggers.com/?s=ggplot2">ggplot2</a>, <a title="Boxplots using lattice and ggplot2 tutorials" rel="nofollow" href="https://www.r-bloggers.com/?s=boxplot">Boxplots</a>, <a title="Maps and gis" rel="nofollow" href="https://www.r-bloggers.com/?s=map">maps</a>, <a title="Animation in R" rel="nofollow" href="https://www.r-bloggers.com/?s=animation">animation</a>), programming (<a title="RStudio IDE for R" rel="nofollow" href="https://www.r-bloggers.com/?s=RStudio">RStudio</a>, <a title="Sweave and literate programming" rel="nofollow" href="https://www.r-bloggers.com/?s=sweave">Sweave</a>, <a title="LaTeX in R" rel="nofollow" href="https://www.r-bloggers.com/?s=LaTeX">LaTeX</a>, <a title="SQL and databases" rel="nofollow" href="https://www.r-bloggers.com/?s=SQL">SQL</a>, <a title="Eclipse IDE for R" rel="nofollow" href="https://www.r-bloggers.com/?s=eclipse">Eclipse</a>, <a title="git and github, Version Control System" rel="nofollow" href="https://www.r-bloggers.com/?s=git">git</a>, <a title="Large data in R using Hadoop" rel="nofollow" href="https://www.r-bloggers.com/?s=hadoop">hadoop</a>, <a title="Web Scraping of google, facebook, yahoo, twitter and more using R" rel="nofollow" href="https://www.r-bloggers.com/?s=Web+Scraping">Web Scraping</a>) statistics (<a title="Regressions and ANOVA analysis tutorials" rel="nofollow" href="https://www.r-bloggers.com/?s=regression">regression</a>, <a title="principal component analysis tutorial" rel="nofollow" href="https://www.r-bloggers.com/?s=PCA">PCA</a>, <a title="Time series" rel="nofollow" href="https://www.r-bloggers.com/?s=time+series">time series</a>, <a title="finance trading" rel="nofollow" href="https://www.r-bloggers.com/?s=trading">trading</a>) and more...
<img height="1" alt="" width="1" src="http://feeds.feedburner.com/~r/RBloggers/~4/i2k9YwNSNOk"></a></div>