Shiny CSS Helper - Shiny Contest Submission

Shiny CSS Helper

Authors: Afton Coombs

Abstract: This app is supposed to help you create css for your Shiny App! In this app, you can choose styles for various common elements of Shiny Apps, see what that looks like, and then download the corresponding .css file used to create these styles.

Full Description: This app is supposed to help you create CSS for your Shiny App! Sometime's it's nice to be able to see what your app will look like before spending a lot of time writing the CSS (and clicking back and forth between your app and the .css file to see the result). In this app, you can choose styles for various common elements of Shiny Apps, see what that looks like, and then download the corresponding .css file used to create these styles. Then, you can include that downloaded file in your own Shiny App to style it. The goal here is to allow you to decrease the amount of time it takes to decide on a style for your app and then easily create the .css file for you. This app might also be helpful if you've never styled a Shiny App with css before, and want a bit of a starting point. Hope you find this useful!


Keywords: helper apps, web design, productivity
Shiny app: https://aftoncoombs.shinyapps.io/shinycsshelper/
Repo: GitHub - aftonsteps/shinycsshelper: This app helps you experiment with colors, fonts, and display options for your Shiny app, and then writes the corresponding CSS file for you to use in your application.
RStudio Cloud: Posit Cloud

Thumbnail:
image

Full image:

2 Likes