semantic ui中文文档_盘点 Shiny 中的各种主题和 UI 插件

本文详细介绍了如何使用各种主题和UI组件提升Shiny应用的用户体验。从通用主题如Fomantic UI和Material Design,到特定领域的仪表盘和移动端主题,再到自定义主题工具,提供了一系列资源和库。此外,还涵盖了Bootstrap组件、文件输入、加载动画、反馈通知、编辑器等,帮助开发者打造功能丰富、交互性强的Shiny应用。
摘要由CSDN通过智能技术生成

整理自:https://github.com/nanxstats/awesome-shiny-extensions

主题

与众不同的主题让您的 Shiny App 更显逼格。

通用主题

shinythemes https://github.com/rstudio/shinythemes - 在 Shiny 中 使用 Bootswatch 主题 (Bootstrap 3) 。

954bd73f76a1c50b61037a7916a3089c.png

shiny.semantic https://github.com/Appsilon/shiny.semantic - 在 Shiny 中使用 Fomantic UI,仅添加几行简单的代码,即可使您的 UI 更清新,更时尚和更具交互性。

7ec91ca53b743bc2dbe2c6430208acd8.png

shinymaterial https://github.com/ericrayanderson/shinymaterial - 在 Shiny 中使用 Material Design。•shinyUIkit https://github.com/RinteRface/shinyUIkit - UIkit API for Shiny.•fullPage https://github.com/RinteRface/fullPage - Single page styles for Shiny apps.

3276827ec601bb93c096e99ede1917a6.gif

shinybulma https://github.com/RinteRface/shinybulma - Bulma.io for Shiny.

7a63ebb107435cd2c1c51f488fd54c7b.png

shinyMetroUi https://github.com/RinteRface/shinyMetroUi - Metro 4 UI for Shiny.•yonder https://github.com/nteetor/yonder - A reactive web framework built on Shiny with Bootstrap 4.

仪表盘主题

shinydashboard https://github.com/rstudio/shinydashboard - Shiny dashboarding framework based on AdminLTE 2.

9c5166178cb6718bc40b475c9deef05a.png

shinydashboardPlus https://github.com/DivadNojnarg/shinydashboardPlus - shinydashboard 扩展。

db1422da3d724eae3b7a06e90dae5cd6.png

gentelellaShiny https://github.com/RinteRface/gentelellaShiny - Bootstrap 3 Gentelella theme for Shiny dashboards.

ec3ac02f4d7888e8ddcbe2c9428b7b2e.png

semantic.dashboard https://github.com/Appsilon/semantic.dashboard - Semantic UI for Shiny dashboards.

2f82b0c23e550b21c24fa1728971724f.png

bs4Dash https://github.com/DivadNojnarg/bs4Dash - Bootstrap 4 Shiny dashboards using AdminLTE 3.

76fe797b5ec40bb00849a76a56db0e47.gif

argonDash https://github.com/RinteRface/argonDash - Bootstrap 4 Argon template for Shiny dashboards.

0a2ef92851189daadfbb7bc587f3c97f.png

tablerDash https://github.com/RinteRface/tablerDash - Tabler dashboard template for Shiny with Bootstrap 4.

a747df0a5182be40cbe52a5fc78bd7c8.png

移动端主题

miniUI https://github.com/rstudio/miniUI - 为在小屏幕上使用的 Shiny App 提供的 UI 小部件和布局。

1ab42ac5dda9d86c683a6d2f78b3225a.gif

shinyMobile https://github.com/RinteRface/shinyMobile - 用 Shiny 构建移动端网页应用。

a33b605bd4e1c42f9a0c10b33ff4b83a.png

自定义主题

bootstraplib https://github.com/rstudio/bootstraplib - 此包提供了创建自定义 Bootstrap 3/4 主题的工具。•fresh https://github.com/dreamRs/fresh - 为 shiny,shinydashboard 以及 bs4dash 设计新的主题。

fde7487dfdb72425823a647cb7e68d54.png

Rnightly https://github.com/feddelegrand7/Rnightly - 方便在 shiny 中实现黑暗模式切换。

1f053252fd86bef287e54a7450d2332b.gif

UI 组件

为特殊输入/输出类型准备的前端 UI 组件。

Bootstrap

ShinyWidgets https://github.com/dreamRs/shinyWidgets - 一系列 Bootstrap 3 小插件。

76324c5832c033f3a5c97d34ffaa230c.png

bsplus https://github.com/ijlyttle/bsplus - 一系列 Bootstrap 3 插件。

9cc7a23ba8e85d16c9f6d0e870425852.gif
d9e48f0d856ceb1e50e7c91d3216fd3d.gif

shinyBS https://github.com/ebailey78/shinyBS - 一些 Bootstrap 3 插件。•slickR https://github.com/metrumresearchgroup/slickR - 实现轮播特效。

shinyLP https://github.com/jasdumas/shinyLP - 创建 landing pages.

fda49779ea7adad6b737bf61da64bf23.png

文件输入

shinyFiles https://github.com/thomasp85/shinyFiles - 方便访问服务器端文件。•directoryInput https://github.com/wleepang/shiny-directory-input - 用于交互式选择文件目录的小部件。

ac2bc73cb11af8752bcfc3af62e7859f.png

特殊输入

shinyTime https://github.com/burgerga/shinyTime - 时间输入小插件。

1133dc358e7273066796a0ecdf723727.png

shinyDatetimePickers https://github.com/stla/shinyDatetimePickers - 日期时间输入插件。

06842255d84d71eaf45001505a58f352.gif

shinyCleave https://github.com/CannaData/shinyCleave - 基于 Cleave.js 定义文本类型 (电话号码, 邮编等) 。•regexSelect https://github.com/yonicd/regexSelect - 在 Shiny 选择对象中实现正则表达式搜索。•ShinyRatingInput https://github.com/stefanwilhelm/ShinyRatingInput - 基于 bootstrap-rating 实现的评级小插件。

9364ebf547e1cef567b065a98443ce3b.gif

algo https://github.com/feddelegrand7/algo - 在输入框中实现地址填充。

71a5b87344525eaea16607cf0c6be45a.gif

shinyMultiActionButton https://github.com/stla/shinyMultiActionButton - 添加一个多功能按钮。

b3b3b168abaf9623d88a8714227a4e9e.gif

加载动画

shinycssloaders https://github.com/andrewsali/shinycssloaders - 提供了八种载入动画。

1d41ab41c1c2183637adbf6a47c37b87.gif

shinycustomloader https://github.com/emitanaka/shinycustomloader - 这个包是 shinycssloaders 包的扩展,支持使用自定义的加载图像文件。

45c2712d6d286c995a2bb62c6f593ec1.gif

shinybusy https://github.com/dreamRs/shinybusy - 系统繁忙提示动画。

7660e61ae9f1b85dab4c409af35f903e.gif

waiter https://github.com/JohnCoene/waiter - 载入动画。

64fd92fffae18a9c03c832aef0b43d08.gif

sever https://github.com/JohnCoene/sever - 自定义断开连接的页面。

22cf069aa639a1154880bddcddb48c3c.png

反馈/警报/通知

shinyFeedback https://github.com/merlinoa/shinyFeedback - 在 Shiny 输入框边提示反馈。

5c6ebddbee914e616b035d91120dd11a.png

shinyalert https://github.com/daattali/shinyalert - 轻松创建漂亮的弹出消息。

f7f18b692a09d24faef3703314945837.gif

shinytoastr https://github.com/MangoTheCat/shinytoastr - 消息提示。

849083f1913956c1f28eb0e315e7bce9.png

shinypop https://github.com/dreamRs/shinypop - 包含了多种样式的消息提示。

f1ad99fbe647d6d6d45e4a59678a4892.png
551fa6284a7dd60bd706fa4ef1f9bd5b.png
6a85b7c71b07069b5bf53cedf79f1ecc.png
7378d7c8eaf179d93076eacfc6cf405b.png

创建新手指引/帮助文档

rintrojs https://github.com/carlganz/rintrojs - 新手引导。

ca4c9845ea15463fec88c2632e4d7030.gif

tippy https://github.com/JohnCoene/tippy - 添加工具提示。

225e115889db6ad7432a8b28e9ba7524.gif

cicerone https://github.com/JohnCoene/cicerone - 创建使用指南。

109a3c8f4d1f7b5756fea01dac3685fa.gif

shinyhelper https://github.com/cwthom/shinyhelper - 为 Shiny 组件添加 markdown 格式的帮助文档。•faq https://github.com/jienagu/faq - 创建 FAQ。

e174093e5e226c56bd52c09c26f88498.gif

剪贴板

rclipboard https://github.com/sbihorel/rclipboard - 提供复制到剪贴板的按钮组件。

取色器

colourpicker https://github.com/daattali/colourpicker - 取色器。

12d3fd3e6be7b58adb4de1cffa2a3e2c.gif

gradientInput https://github.com/daattali/shiny-colour-gradient-input - 渐变色取色器。

9578bb73bbf7d00f4150a6e636236e9c.png

编辑器

shinyAce https://github.com/trestletech/shinyAce - 在 Shiny 中使用 Ace 代码编辑器。

8a417f9e39e8e49088fd73c9b6495f50.png

shinyMonacoEditor https://github.com/stla/shinyMonacoEditor - 在 Shiny 中使用 VS Code。•shinyMCE https://github.com/mul118/shinyMCE - 在 Shiny 中使用 TinyMCE WYSIWYG editor。

db80e72766658ccd9bee39ca6a9ef052.png

sqlquery https://github.com/dreamRs/sqlquery - 可自动补全 SQL 字段。

bdd7312b456546381fce649c63e4991a.png

表格展示

DT https://github.com/rstudio/DT - 交互式表格。

8f24d34f6dfa02b65ebe954e1ac52196.png

reactable https://github.com/glin/reactable - 交互式表格。

679b6872b2cd505b6faf4c9933f9bace.png

kableExtra https://github.com/haozhu233/kableExtra - 用 knitr::kable() 创建复杂的表格。

abf9ccf78b3280c937bf0fd6d7056113.png
e29bb4bb81780c8167e60f23bf5d5ae9.png

formattable https://github.com/renkun-ken/formattable - 格式化表格数据使之更具可读性。

10aa04121ebef55b240655889f0c4eeb.png

flextable https://github.com/davidgohel/flextable - 轻松创建出版级别的表格。

1607532986e17667f968981e62b5bcc7.png

gt https://github.com/rstudio/gt - 轻松创建出版级别的表格。

4283fd49d04dc6ae9ada9b7117ec7dc2.png

rhandsontable https://github.com/jrowen/rhandsontable - 创建类似 Excel 风格的可编辑表格。

4999a8825f35c270ac47fc4dd9059b13.png

DTedit https://github.com/jbryer/DTedit - 创建可编辑的表格。

aee1787e5a3cafb0a0d7ecf49a26f5e8.png

texPreview https://github.com/metrumresearchgroup/texPreview - 在 RStudio,R Markdown 和 Shiny 中预览并保存 LaTeX 渲染的图像。•basictabler https://github.com/cbailiss/basictabler - 创建富文本表格。

c4b6c5732eaa9a16129ae9b4ffd5cccd.png
pivottabler https://github.com/cbailiss/pivottabler - 创建数据透视表。
3bd7424a58fbdf8eab9a710eafb3d5b9.png
pivta https://github.com/feddelegrand7/pivta - 可交互式地创建数据透视表。
59e55c9262111b15df7c2dcd1e61d632.gif
excelR https://github.com/Swechhya/excelR - 在 Shiny 中实现类似 Excel 的表格操作,包括添加/删除行列,合并,检索等。
141bc5be734715a30fca7e7a3840fbe6.png
RXSpreadsheet https://github.com/MichaelHogers/RXSpreadsheet - 嵌入 Web Excel。
ba54dc009c99e503b3efe9bf26bdbfcc.png

创建抽屉

pushbar https://github.com/JohnCoene/pushbar) -创建抽屉。

232895b676b38248b63a63737b88b460.png

实现拖拽操作

sortable https://github.com/rstudio/sortable - 实现拖拽操作。

5cc871afb72025569f804a19625782d9.gif
f4a012e0fbe6480e3648f3105430aa06.gif

dragulaR https://github.com/zzawadz/dragulaR - 实现拖拽 Shiny 元素。

209a8470210f581c97dc10568d62bc05.gif

dndselectr https://github.com/serenity-r/dndselectr - 实现拖拽式输入框。•esquisse https://github.com/dreamRs/esquisse - 用拖拽的方式实现 ggplot2 绘图。

83ae5386d35b1db7e762a75e20d8f842.gif

文本

marker https://github.com/JohnCoene/marker - 高亮文本。

64aca5a43d7a09330f7b8bcaac5d084c.gif

图片/音频/视频

shinysense https://github.com/nstrayer/shinysense - 包含一系列模块以帮助 Shiny 感知周围的世界(绘图,刷卡,用摄像头记录图像,记录音频,捕获加速度数据)。•pixels https://github.com/javierluraschi/pixels - 生成或绘制像素。

b9557cc25f116052a4385c78130ae74f.gif

fabricerin https://github.com/feddelegrand7/fabricerin - 绘画。

d5bbdc6f99d6597c05e480d09062b1ca.gif

heyshiny https://github.com/jcrodriguez1989/heyshiny - 将语音识别添加到 Shiny App 中。•vembedr https://github.com/ijlyttle/vembedr - 在 Shiny App 中嵌入视频。•pianobar https://github.com/czxa/pianobar - 该包仅限 Mac 安装,能创建一个琴键柱形图,当鼠标掠过柱条时,会响起钢琴的声音。

da60a458f6cc5be004f203e3555559c7.png

嵌入 PDF

rpdf https://github.com/yonicd/rpdf - 嵌入 PDF。

57700337b643edcc87f140e0100f4c8c.png

Icon Font

fontawesome https://github.com/rstudio/fontawesome - 方便我们嵌入 FontAwesome 图标。•icongram https://github.com/r4fun/icongram - Icongram 接口,方便调用 svg 图标。

图像比较

vdiffr https://github.com/r-lib/vdiffr - 用于比较两个图像。

000f1c8921dfecbd1b04f6442667e914.png

代码比较

diffr https://github.com/muschellij2/diffr - 创建代码比较插件。

7abfd07e5b6af554b7736c43ba44293d.png

diffRgit https://github.com/abossi/diffRgit - 创建代码比较插件。

447fb8109f1df887cfc914485774ba8f.png

jsondiff https://github.com/bergant/jsondiff - 查找并可视化 JSON 文件之间的差异。

41b59836ce777247b0da8fa23776c4fa.png

日历

tuicalendr https://github.com/dreamRs/tuicalendr - 创建交互式日历。

9928f0a3d63d4b8604f91c64ab86c24d.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值