web-styling
React Web 应用程序的样式设计模式
共 405895 条已上架资产
React Web 应用程序的样式设计模式
生成 Duck 风格(温暖粗野主义)的 UI 组件和页面
使用 shadcn/ui 设计和构建现代 UI 组件和页面
生成用于 CSS 处理、自动添加前缀和优化的 PostCSS 配置文件
生成用于 CSS/SCSS 代码检查与格式化的 Stylelint 配置文件
生成带有自定义主题、插件和内容路径的 Tailwind CSS 配置文件
界面与媒体的动态设计 - 包括UI微交互、页面过渡、滚动驱动效果、缓动曲线与时长表、编排与错开动画、UI中的迪士尼12原则、减少动态的可访问性,以及在CSS、View Transitions、Framer Motion/Motion、GSA…
使用 StyleX(@stylexjs/stylex)编写样式,Meta 的构建时原子化 CSS 库
使用 CSS 优先配置(通过 `@theme`、`@layer`、`@custom-variant` 和 `@utility`)来构建 Tailwind CSS v4 项目,替代庞大的 `tailwind
每次调用以纳诺币(XNO)支付的网络工具,无需账户和 API 密钥——支持页面内容提取、网络搜索、链接与状态检查、CSS 选择器和表格提取、页面元数据、域名与 IP 查询
自定义使用 @allxsmith/bestax-bulma 构建的应用的颜色、品牌标识、深色模式和视觉标记
将现有的 React 应用迁移至 @allxsmith/bestax-bulma(基于 Bulma v1),从直接使用原生 Bulma CSS 类(如 className="button is-primary")或从已停止维护的 React…
Web 界面 UI/UX 最佳实践
使用 Eye
提取并将 Figma 设计系统转换为 Tailwind CSS v4 配置,实现语义化组件映射
将 Figma 设计转换为生产就绪的组件代码,通过代理循环验证实现效果与设计的一致性
根据参考截图或设计稿,使用无头浏览器截图、SSIM视觉差异评分和像素网格叠加,迭代缩小渲染效果与原始图像之间的差距,生成一个可交互的HTML/CSS成品
忠实的两阶段提示系统:首先生成高熵、隐喻驱动的 UI 设计主题(附带强示例和 IP 保护机制),由用户从中选择一个,随后生成高保真生产级 HTML/CSS 代码,严格继承所选概念的基因
确保 GitHub README 中的 Mermaid 图表通过仅初始化配置(不使用 CSS,不使用间隔节点)保留右下角安全区域,并可选择按需应用手绘风格
CSS 및 SCSS 스타일시트 모범 사례