前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >盘点 Shiny 中的各种主题和 UI 插件

盘点 Shiny 中的各种主题和 UI 插件

作者头像
王诗翔呀
发布于 2020-11-20 02:31:35
发布于 2020-11-20 02:31:35
6.3K0
举报
文章被收录于专栏:优雅R优雅R

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

主题

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

通用主题

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

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

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.

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

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.

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

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

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

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

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

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

移动端主题

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

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

自定义主题

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

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

UI 组件

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

Bootstrap

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

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

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

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

文件输入

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

特殊输入

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

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

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

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

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

加载动画

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

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

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

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

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

反馈/警报/通知

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

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

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

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

创建新手指引/帮助文档

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

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

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

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

剪贴板

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

取色器

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

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

编辑器

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

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

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

表格展示

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

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

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

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

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

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

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

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

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

pivottabler https://github.com/cbailiss/pivottabler - 创建数据透视表。

pivta https://github.com/feddelegrand7/pivta - 可交互式地创建数据透视表。

excelR https://github.com/Swechhya/excelR - 在 Shiny 中实现类似 Excel 的表格操作,包括添加/删除行列,合并,检索等。

RXSpreadsheet https://github.com/MichaelHogers/RXSpreadsheet - 嵌入 Web Excel。

创建抽屉

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

实现拖拽操作

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

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

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

文本

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

图片/音频/视频

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

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

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

嵌入 PDF

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

Icon Font

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

图像比较

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

代码比较

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

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

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

日历

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-11-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 优雅R 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
2020版PS快捷键_ps应用快捷键大全
说明:为避免篇幅过大,本文快捷键是基于Windows系统下Photoshop 2020版本的。Mac系统下的快捷键可按以下方式进行对应:Ctrl→Command,Alt→Option。有不能对应的,本文会给出说明。部分项目附加英文是为了方便记忆快捷键。
全栈程序员站长
2022/11/11
1.6K0
2020版PS快捷键_ps应用快捷键大全
一些实用的Photoshop快捷键
将所选文本的文字大小减小10 点像素 【Ctrl】+【Alt】+【Shift】+【<】
半夜喝可乐
2018/10/17
1.8K0
一些实用的Photoshop快捷键
从零开始学GIMP:一.从基本图形开始
GIMP全名是GNU Image Manipulation Program,GNU意味着是开源,免费的.可以在GIMP官网下载到安装版,或者源代码.Linux用户(Ubuntu,Fedora等)也可以在商店直接下载到GIMP.
全栈程序员站长
2022/09/06
3K0
从零开始学GIMP:一.从基本图形开始
GIMP 教程:如何在 GIMP 中创建曲线文本
当你在 GIMP 中制作一个徽章、海报或其它任何作品时,你需要扭曲或弯曲一些文本。多功能的 GIMP 工具提供了一些创建弯曲文本的方法。取决于你将如何使用它和你想给予文本的弧度,有一些适合不同情况的方法。
用户8639654
2021/09/14
2.3K0
gimp中文版教程_GIMP中文教程.pdf
路径(B),油漆桶填充(shift+B),混合填充(L),移动(M),滤镜–>高斯模糊
全栈程序员站长
2022/09/13
2.3K0
把你的 GIMP 变成 PhotoShop
GIMP( GNU 图像处理程序(GNU Image Manipulation Program))是一个一流的开源自由的图像处理程序。加州大学伯克利分校的 Peter Mattis 和 Spencer Kimball 早在 1995 年的时候开始了该程序的开发。到了 1997 年,该程序成为了 GNU 项目 官方组成部分,并正式更名为 GIMP。时至今日,GIMP 已经成为了最好的图像编辑器之一,并有经常有 “GIMP vs Photoshop” 之争。
用户8639654
2021/09/14
8350
ps快捷键
基础操作: ctrl+0=显示全图; ctrl+=放大; ctrl-=缩小; ctrl+j:复制当前图层到一个新层 ; ctrl+1 =实际像素显示。
mcxfate
2020/08/01
4.1K0
10 个让你进入 Emacs 世界的技巧
很多人都说想学 Emacs,但很多人在短暂的接触后就退缩了。这并不是因为 Emacs 不好,也不是 Emacs 复杂。我相信,问题在于人们其实并不想“学习” Emacs,而是他们想习惯 Emacs 的传统。他们想了解那些神秘的键盘快捷键和不熟悉的术语。他们想按照他们认为的“使用目的”来使用 Emacs。
用户8639654
2021/09/09
8740
MacBook苹果电脑如何安装Adobe PS、AU、PR等软件?
Adobe作为全球领先的多媒体设计软件供应商,出品了一系列图形设计、影像编辑与网络开发的Adobe软件产品套装,涵盖平面,插画,音视频,动画等创意类相关应用。从事多媒体设计相关的工作者基本都会用Adobe全系列软件。adobe系列软件有哪些?
office小助手
2022/05/14
8.6K2
MacBook苹果电脑如何安装Adobe PS、AU、PR等软件?
这11个新的Figma隐藏技巧,大幅提升你的设计效率
静电说:2023新年快乐!这也是新年的第一篇文章,再次祝福各位新年新气象。今天我们为大家分享11个新的Figma隐藏技巧,我猜你可能真的不知道。快学起来。
用户5009027
2023/01/04
5K0
这11个新的Figma隐藏技巧,大幅提升你的设计效率
OpenCV之cv2函数
1、 cv2.imread():读入图片,共两个参数,第一个参数为要读入的图片文件名,第二个参数为如何读取图片,包括
周小董
2019/03/25
7.4K0
OpenCV之cv2函数
关于前端的photoshop初探的学习笔记
写在前边 这还是高三的时候暑假的时候学习这个软件时记的笔记呢,今天又在电脑上找到了它,总觉得不应该让他尘封在我的硬盘上,于是挂了出来。 温馨提示:比较乱,写给自己看的,看不下去,按ctrl+W 笔记内容 ps简介 可以用于合成。 可以三维 adobe bridge图像浏览器 可以直接将图片拖动到ps的编辑系统中。。但是是出于临时文件状态,还需要对他进行保存。。 网站上某些图片不能够拉动,但是可以利用截图功能来实现。。 两张图片同时拉倒一个文件中构成两个不同的图层。。打开文件的几种方法。。 ps数
Angel_Kitty
2018/04/09
2.4K0
图像裁剪库Cropper.js的学习使用
Cropper.js 是一个轻量级的 JavaScript 插件,用于在网页中实现图像裁剪功能。它提供了一个用户友好的界面,允许用户选择和裁剪图像,支持多种配置选项和功能。以下是一些关键特点:
心安事随
2024/08/05
8950
图像裁剪库Cropper.js的学习使用
ps工具栏快捷键大全-大神教你这10招PS操作技巧, 提高你的工作效率
  旋转画布,是在很多设计任务中都会用到的命令。使用时,在英文输入状态下,按键盘快捷键“R”选择或者长按左侧工具栏的“抓手工具”弹出选项选择“旋转视图工具”ps工具栏快捷键大全,然后就可以通过单击鼠标左键来旋转画布了。
宜轩
2022/12/29
9140
Figma技巧超全合集!40+隐藏技能!快收藏!(第二辑)
静电说:上周我们为大家带来了Figma技巧超全合集的第一辑,今天,第二辑来啦!要看第一辑的小伙伴请点击这个链接:Figma技巧超全合集!40+隐藏技能!快收藏!(第一辑)
用户5009027
2022/04/07
2.2K0
Figma技巧超全合集!40+隐藏技能!快收藏!(第二辑)
PS给照片换背景的小技巧[易学易用]
怎样把照片底色由红变白 用PS里面的魔棒的工具选取。羽化为2.。然后然后按Shift+f7 反选。然后按shift+j 复制一个图层。点背景颜色。把后背景改为蓝色,然后alt+Delete键,后面就是蓝色的背景, 不过像头发那边一定有点红的,你可以用套索工具将头发边的红色可以画起来,羽化为10差不多。然后去色,ctrl+u是去色,这样就可以。 1.将照片打开,应用工具箱中的多边形套索工具(位置是界面左侧工具栏左边第二个按钮)将人物的轮廓边缘完整地勾画出来,形成一个封闭的浮动选区,注意勾画时要紧贴人物的边缘
Vicsh
2018/05/16
3.3K0
图像主体裁剪
import cv2 import numpy as np image=cv2.imread('C:/Users/xpp/Desktop/Lena.png') img=cv2.cvtColor(image,cv2.COLOR_BGR2GRAY) ret,thresh=cv2.threshold(img,230,255,cv2.THRESH_BINARY_INV) contours,hierarchy=cv2.findContours(thresh,cv2.RETR_EXTERNAL,cv2.CHAIN_
裴来凡
2022/05/29
1.4K0
图像主体裁剪
如何用Scratch 3绘制矢量图形 【Gaming】
Scratch是一种流行的用于创建视频游戏和动画的可视化编程语言。它还具有矢量绘图工具,任何人都可以使用它来创建独特的游戏和艺术。
五月Rambo
2019/11/10
5.8K0
如何用Scratch 3绘制矢量图形 【Gaming】
图像裁剪
PNG (460, 460) RGB {'srgb': 0, 'gamma': 0.45455, 'dpi': (96, 96)} None
裴来凡
2022/05/29
1.7K0
图像裁剪
实现Web端自定义截屏
当客户在使用我们的产品过程中,遇到问题需要向我们反馈时,如果用纯文字的形式描述,我们很难懂客户的意思,要是能配上问题截图,这样我们就能很清楚的知道客户的问题了。
神奇的程序员
2021/02/04
2.5K0
相关推荐
2020版PS快捷键_ps应用快捷键大全
更多 >
LV.5
这个人很懒,什么都没有留下~
目录
  • 主题
    • 通用主题
    • 仪表盘主题
    • 移动端主题
    • 自定义主题
  • UI 组件
    • Bootstrap
    • 文件输入
    • 特殊输入
    • 加载动画
    • 反馈/警报/通知
    • 创建新手指引/帮助文档
    • 剪贴板
    • 取色器
    • 编辑器
    • 表格展示
    • 创建抽屉
    • 实现拖拽操作
    • 文本
    • 图片/音频/视频
    • 嵌入 PDF
    • Icon Font
    • 图像比较
    • 代码比较
    • 日历
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档