3 个仓库
Sets of UI components designed specifically for low-fidelity structural prototyping.
Distinct from Wireframing Software: Distinct from Wireframing Software as it provides a library of components to be used in code rather than a standalone design application.
Explore 3 awesome GitHub repositories matching user interface & experience · Wireframing Component Frameworks. Refine with filters or upvote what's useful.
Wired-elements 是一个手绘风格的 Web 组件库,提供了一系列用于构建线框图和原型的样式化 HTML 元素。它作为一个线框图 UI 框架,能够以草图般的、手工的审美创建低保真原型。 该库提供了用于手绘 Web 设计和快速 UI 原型制作的组件。这些元素旨在支持低保真线框图绘制,以便在进行高保真开发之前规划用户界面并测试布局。 该项目利用具有 SVG 矢量图形的 Web 组件架构来保持一致的手绘外观。它支持集成到各种 JavaScript 框架中,并利用 CSS 变量来设置线条粗细和颜色的主题。
Provides a set of interface components specifically designed to create low-fidelity prototypes that look like manual sketches.
Redacted-Font 是一套专门的字体集,旨在将文本渲染为实心的遮盖条。它作为一种线框图占位字体,在隐藏文本内容的同时保留了原始的布局和间距。 该项目提供的字体文件兼容本地操作系统和 Web 项目。这使得用户可以在桌面设计软件中遮盖文本,并通过 font-face 工具包将遮盖样式嵌入到 Web 环境中。 这些字体常用于 UI 布局原型设计和线框图内容遮盖,将注意力从具体文案转移到整体视觉结构上。该系统利用基于矢量的字体定义和 Unicode 映射,确保字符在不同分辨率和浏览器下都能被缩放的条形所替换。
Replaces characters with bars using specialized typefaces to create redacted placeholders in wireframes.
react-native-linear-gradient 是一个跨平台的移动端 UI 组件,用于渲染线性颜色过渡和背景。它提供了一个可自定义的视图,能够在多色之间沿直线创建平滑的过渡效果。 该项目包含一个文本渐变遮罩,允许使用遮罩技术而非单一纯色来填充文本字符。它还提供了一个动画渐变组件,能够随时间改变颜色属性,从而创建动态的视觉效果。 该组件通过可配置的起点、终点或角度设置来处理线性渐变渲染,并支持动画渐变过渡,以便在移动界面中开发动态视觉元素。
Provides a masking technique to fill text characters with multi-color gradients instead of solid colors.