Towards the Next Generation of Shiny UI

on YouTube ↗20m

" summary

bslib modernizes Shiny UI by centralizing Bootstrap assets and adding dashboard components so old apps keep working while new apps look current. It provides page_navbar, accordions, value boxes, cards with full‑screen and popover behaviors, a right‑side drawer, a dark‑mode toggle and theming via BS_theme. The uploader’s flights demo (Chicago 2022) is built with bslib and Plotly and runs interactively, showing the library replaces fragile shiny‑dashboard patterns and successfully updates styling without breaking existing apps.

AI-written summary · about

" chapters (9)

1. 0:00The evolution of Shiny
2. 1:01Challenges in UI updates
3. 4:49Introduction to BS lib
4. 5:59Building a modern dashboard
5. 6:28Deep dive into UI components
6. 13:47Scoped controls and navigation
7. 15:13Theming and styling defaults
8. 18:21Responsive layout design
9. 19:07Dashboard design principles

" related talks

• 21mDesigning for people is hardGreg Swinehart · rstudio::conf 2019
• 17mWe CAN have nice Shiny apps: What's new in Shiny's UI & UXGreg Swinehart · posit::conf(2024)
• 18mDesign of Everyday Shiny AppsCasey Aguilar-Gervase, Maya Gans · posit::conf(2025)
• 23mStyling Shiny apps with Sass and Bootstrap 4Joe Cheng · rstudio::conf 2019
• 18mModular, layout-as-code approach for customizable Shiny dashboardsKim Schouten · posit::conf(2025)
• 12mCreating a Design System for Shiny and RMarkdownMaya Gans · rstudio::conf 2019
• 20mWeb applications with Shiny and React and AIWinston Chang · posit::conf(2025)
• 12mCreating a Design System for Shiny and RMarkdownMaya Gans · rstudio::conf(2022)