SpringUI高保真动态交互元件库:助力产品原型设计

SpringUI 是一个专为Web设计与开发领域打造的高质量、全面且易于使用的交互元件集合。通过提供一系列预制的、高质量的交互组件,帮助设计师快速构建出功能丰富、界面美观的原型。

------------基础元件:

------------------按钮 Button:基础按钮、禁用按钮、圆角按钮、动态按钮、渐变按钮、图标按钮、其他按钮

------------------边框 Border:基础边框、圆角边框、阴影边框、动态边框

------------------图标 Icon:线性、面性

------------------配色 Color:高级感配色

------------------面板 Panel:常规面板、卡片面板、折叠面板、手风琴面板

------------------弹窗 Layer:静态弹窗、动态弹窗、灯箱效果

------------表单元件:

------------------输入框 Input:基础用法、启用禁用状态、可清空内容、限制字数、数字输入框、复合型输入框

------------------选择器 Select:基础用法、带滚动条、含禁用项、可清空、禁用状态、中继器版、可模糊搜索

------------------单选框 Radio:基础用法、自定义形状/颜色、带有边框、按钮样式、其他单选框

------------------多选框 CheckBox:基础用法、自定义大小/颜色、带全选、限制可选数量、带边框、其他

------------------开关器 Swtch:基础用法、自定义大小/颜色、自定义样式、有内容/提示的开关、禁用状态

------------------日期选择器 DatePicker:年份选择器、月份选择器、日选择器

------------------时间选择器 TimePicker:时间选择器、时间范围选择器

------------------日期时间选择器 DateTimePicker:选择器支持日期时间、日期时间范围的选择​

------------导航元件:

---------------导航栏 Navigation:网页头部导航、网页侧边导航

---------------面包屑 Breadcrumb:基础用法、图标分割、带图标、带背景、带下拉菜单

---------------标签页 Tabs:基础样式、分段式标签页、特定位置的、带图标的、可删除的标签页

---------------菜单 Menu:网页头部导航菜单

------------------步骤条 Steps:基础用法1、基础用法2、进阶用法-动态面板、进阶用法-中继器、自定义样式

------------------分页器 Pagination:分别是静态效果和交互效果的分页器​

------------提示元件:

---------------警告栏 WarningBar:常规用法、带描述的警告、可关闭的警告、自定义样式

---------------通知栏 Notification:常用状态通知、其他样式通知、带动效的通知、自定义弹出位置

---------------消息栏 MessageBar:基础用法、可关闭的消息

------------------加载页 Loading:设计了10种加载动效,并且有不同场景下的使用案例

------------------进度器 Progressor:条形进度条、环形进度条、以及静态效果不同样式的进度条

------模版库:

------------登录模版、首页模版、列表模版

作品持续更新中...

作品截图:

在线预览:【演示】SpringUI Web高端动态交互元件库 - AxureShop产品原型网

相关推荐
struggle202517 小时前
Vuer开源程序 是一个轻量级的可视化工具包,用于与动态 3D 和机器人数据进行交互。它支持 VR 和 AR,可以在移动设备上运行。
机器人·自动化·ar·交互·vr
结构化知识课堂18 小时前
Axure组件即拖即用:垂直折叠菜单(动态展开/收回交互)
axure·垂直菜单·垂直折叠菜单·垂直菜单展开与收回·菜单交互
结构化知识课堂1 天前
Axure组件即拖即用:横向拖动菜单(支持左右拖动选中交互)
axure·移动·横向菜单·设置选中·选中效果·横向拖动
椰椰椰耶1 天前
[网页五子棋][匹配模块]前后端交互接口(消息推送机制)、客户端开发(匹配页面、匹配功能)
java·spring boot·json·交互·html5·web
VR最前沿2 天前
引领机器人交互未来!MANUS数据手套解锁精准手部追踪
机器人·交互
DFminer2 天前
【仿生机器人】仿生机器人系统架构设计2.0——具备可执行性
人工智能·机器人·交互
Code哈哈笑2 天前
【基于SpringBoot的图书购买系统】Redis中的数据以分页的形式展示:从配置到前后端交互的完整实现
java·spring boot·redis·后端·spring·交互
Hare_bai2 天前
WPF的布局核心:网格布局(Grid)
ui·c#·wpf·交互·xaml
ZHOU_WUYI3 天前
Flask与PostgreSQL交互教程
postgresql·flask·交互
ichterry3 天前
chrome打不开axure设计的软件产品原型问题解决办法
前端·chrome·axure