✨ 碎片收藏 / 资讯文档 / 网站工具 / GitHub 项目 / Bing 壁纸
主题切换动效 #Design #GitHub
https://github.com/rudrodip/theme-toggle-effect
Source
https://github.com/rudrodip/theme-toggle-effect
Source
GitHub
GitHub - rudrodip/theme-toggle-effect: theme toggle effect using view transitions api
theme toggle effect using view transitions api. Contribute to rudrodip/theme-toggle-effect development by creating an account on GitHub.
UI UX Pro Max Skill - UI / UX 前端页面设计 AI Agent Skill
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
一个 前端页面设计 AI Agent Skill 项目。
它将 UI 样式、调色板、字体搭配、图表类型、产品推荐、UX 指南以及特定技术栈的最佳实践全部做成一个可以搜索的知识库。
可集成于 Claude Code、Cursor、Windsurf 等多个 AI Coding Agent 中。
#Design #AI #Tool #GitHub
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
设计效果相比其一般 AI 生成的 “Demo” 页面还是好很多的
一个 前端页面设计 AI Agent Skill 项目。
它将 UI 样式、调色板、字体搭配、图表类型、产品推荐、UX 指南以及特定技术栈的最佳实践全部做成一个可以搜索的知识库。
可集成于 Claude Code、Cursor、Windsurf 等多个 AI Coding Agent 中。
#Design #AI #Tool #GitHub
PaperStudio - 打印纸模板生成设计工具
https://github.com/jingguanzhang/PaperStudio
https://jingguanzhang.github.io/PaperStudio
PaperStudio 是一个基于 Web 的轻量级信笺纸、稿纸设计工具。它允许用户通过简单的拖拽和配置，设计出符合传统书写习惯或现代商务风格的信纸，并支持导出为 PDF 或直接打印。
无需注册登录，配备了设计器，可以自定义添加各种元素，提供了多种不同的纸张类型，包括：作文纸、横线纸、方格纸、作文纸、英文纸、乐谱纸、田字格、米字格、回字格、宫格纸、点阵纸、等距网格、六边形网格，支持丰富的设置选项。可以自定义添加各种元素。
支持工程文件导出本地保存，纯前端单页项目。
link #Design #Tool #GitHub
类似网站
https://github.com/jingguanzhang/PaperStudio
https://jingguanzhang.github.io/PaperStudio
PaperStudio 是一个基于 Web 的轻量级信笺纸、稿纸设计工具。它允许用户通过简单的拖拽和配置，设计出符合传统书写习惯或现代商务风格的信纸，并支持导出为 PDF 或直接打印。
无需注册登录，配备了设计器，可以自定义添加各种元素，提供了多种不同的纸张类型，包括：作文纸、横线纸、方格纸、作文纸、英文纸、乐谱纸、田字格、米字格、回字格、宫格纸、点阵纸、等距网格、六边形网格，支持丰富的设置选项。可以自定义添加各种元素。
支持工程文件导出本地保存，纯前端单页项目。
link #Design #Tool #GitHub
类似网站
GitHub
GitHub - jingguanzhang/PaperStudio: 打印纸设计工具
打印纸设计工具. Contribute to jingguanzhang/PaperStudio development by creating an account on GitHub.
Next AI Draw.io - AI 驱动的图表创建工具
https://github.com/DayuanJiang/next-ai-draw-io
一个集成了 AI 功能的 Next.js 网页应用，与 draw.io 图表无缝结合。
通过自然语言命令和 AI 辅助可视化来创建、修改和增强图表。
#Design #Image #Tool #AI #GitHub
https://github.com/DayuanJiang/next-ai-draw-io
一个集成了 AI 功能的 Next.js 网页应用，与 draw.io 图表无缝结合。
通过自然语言命令和 AI 辅助可视化来创建、修改和增强图表。
#Design #Image #Tool #AI #GitHub
GitHub
GitHub - DayuanJiang/next-ai-draw-io: A next.js web application that integrates AI capabilities with draw.io diagrams. This app…
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visual...
log-lottery - 年会抽奖程序 | Three.js + Vue3 3D 球体动态抽奖应用
https://github.com/LOG1997/log-lottery
log-lottery 是一个可配置可定制化的抽奖应用，炫酷 3D 球体，可用于年会抽奖等活动，支持奖品、人员、界面、图片音乐配置。
● 3D 球体动画抽奖效果，支持实时可视化
● 奖项和参与人员的灵活配置管理
● Excel 表格导入人员名单和导出抽奖结果
● 界面自定义配置（标题、卡片颜色、列数等）
● 背景音乐播放和背景图片更换
#Tool #GitHub #Design
https://github.com/LOG1997/log-lottery
很炫酷
log-lottery 是一个可配置可定制化的抽奖应用，炫酷 3D 球体，可用于年会抽奖等活动，支持奖品、人员、界面、图片音乐配置。
● 3D 球体动画抽奖效果，支持实时可视化
● 奖项和参与人员的灵活配置管理
● Excel 表格导入人员名单和导出抽奖结果
● 界面自定义配置（标题、卡片颜色、列数等）
● 背景音乐播放和背景图片更换
#Tool #GitHub #Design
GitHub
GitHub - LOG1997/log-lottery: 🎈🎈🎈🎈年会抽奖程序，threejs+vue3 3D球体动态抽奖应用。
🎈🎈🎈🎈年会抽奖程序，threejs+vue3 3D球体动态抽奖应用。. Contribute to LOG1997/log-lottery development by creating an account on GitHub.
Tailark - 基于 Shadcn UI 的组件块（模板）
https://github.com/tailark/blocks
项目提供了大量响应式、可直接用于生产的的组件块。
基于 shadcn/ui、Tailwind CSS、Next.js 和 TypeScript 构建。
便于快速构建营销页面 /Landing Page。
#Design #GitHub
https://github.com/tailark/blocks
项目提供了大量响应式、可直接用于生产的的组件块。
基于 shadcn/ui、Tailwind CSS、Next.js 和 TypeScript 构建。
便于快速构建营销页面 /Landing Page。
#Design #GitHub
GitHub
GitHub - tailark/blocks: Shadcn marketing blocks
Shadcn marketing blocks. Contribute to tailark/blocks development by creating an account on GitHub.
Figma 0 基础教程
https://www.youtube.com/watch?v=ezldKx-jPag
视频中有一个 IPhone App 首页的设计 Demo，过程中用到了大部分工具。
配合翻译，分段看
#Design #Video
https://www.youtube.com/watch?v=ezldKx-jPag
视频中有一个 IPhone App 首页的设计 Demo，过程中用到了大部分工具。
配合翻译，分段看
#Design #Video
React Bits - React 动效组件库
https://reactbits.dev
https://github.com/DavidHDev/react-bits
React Bits 是一个开源的动画交互式 React 组件库，提供了丰富的可定制化组件，帮助开发者创建炫酷的页面。
● 提供 110+ 个动画、交互式组件，包括文本动画、动画、通用组件和背景组件
● 所有组件都具有高度可定制性，可通过 props 进行个性化设置
● 支持 JavaScript 和 TypeScript ，并提供 CSS 和 Tailwind CSS 两种样式方案
● 提供命令行工具，可快速安装所需组件
● 持续更新，每周新增组件
#Design #Tool #GitHub
https://reactbits.dev
https://github.com/DavidHDev/react-bits
React Bits 是一个开源的动画交互式 React 组件库，提供了丰富的可定制化组件，帮助开发者创建炫酷的页面。
● 提供 110+ 个动画、交互式组件，包括文本动画、动画、通用组件和背景组件
● 所有组件都具有高度可定制性，可通过 props 进行个性化设置
● 支持 JavaScript 和 TypeScript ，并提供 CSS 和 Tailwind CSS 两种样式方案
● 提供命令行工具，可快速安装所需组件
● 持续更新，每周新增组件
#Design #Tool #GitHub
React Bits
An open source collection of high quality, animated, interactive & fully customizable React components for building stunning, memorable user interfaces.
ForgeUI - React 动效组件库
https://github.com/AmanShakya0018/forgeui
https://forgeui.in/
ForgeUI 是一个基于 React 的实验性组件库，重点在于“动画优先”的设计理念，提供动画表单、动态卡片、闪烁文字等现代化 UI 组件，旨在帮助开发者快速实现富交互界面。
技术栈包括 Next.js、TypeScript、Tailwind CSS、shadcn/ui 和 Framer Motion。
#Design #GitHub link
https://github.com/AmanShakya0018/forgeui
https://forgeui.in/
ForgeUI 是一个基于 React 的实验性组件库，重点在于“动画优先”的设计理念，提供动画表单、动态卡片、闪烁文字等现代化 UI 组件，旨在帮助开发者快速实现富交互界面。
技术栈包括 Next.js、TypeScript、Tailwind CSS、shadcn/ui 和 Framer Motion。
#Design #GitHub link
Reshaped - React 和 Figma 组件库
https://github.com/reshaped-ui/reshaped
https://reshaped.so/
为构建优雅产品和设计系统打造的 React 与 Figma 组件库，方便让设计与工程保持一致性。
原本是闭源的，作者想体验一把开源的乐趣才整出来
#Design #GitHub
https://github.com/reshaped-ui/reshaped
https://reshaped.so/
为构建优雅产品和设计系统打造的 React 与 Figma 组件库，方便让设计与工程保持一致性。
原本是闭源的，作者想体验一把开源的乐趣才整出来
#Design #GitHub
Chili3D - 基于浏览器端的三维 CAD（计算机辅助设计）应用程序
https://github.com/xiangechen/chili3d
Chili3D 是一个基于 Web 的 3D CAD（计算机辅助设计）应用程序，可在线进行模型设计和编辑。它通过将 OpenCascade（OCCT）编译为 WebAssembly 并与 Three.js 集成，实现了接近原生的性能，无需本地安装即可进行强大的在线建模、编辑和渲染。
● 建模工具：创建基本形状、2D 草图、布尔运算、挤出和旋转等高级操作
● 编辑工具：修改、变换、高级编辑等
● 测量工具：测量角度和长度，计算长度、面积和体积总和
● 文档管理：创建、打开和保存文档，支持导入 / 导出行业标准格式（STEP、IGES、BREP）
● 用户界面：办公风格界面，支持多语言本地化
#Tool #Design #Image #GitHub
https://github.com/xiangechen/chili3d
Chili3D 是一个基于 Web 的 3D CAD（计算机辅助设计）应用程序，可在线进行模型设计和编辑。它通过将 OpenCascade（OCCT）编译为 WebAssembly 并与 Three.js 集成，实现了接近原生的性能，无需本地安装即可进行强大的在线建模、编辑和渲染。
● 建模工具：创建基本形状、2D 草图、布尔运算、挤出和旋转等高级操作
● 编辑工具：修改、变换、高级编辑等
● 测量工具：测量角度和长度，计算长度、面积和体积总和
● 文档管理：创建、打开和保存文档，支持导入 / 导出行业标准格式（STEP、IGES、BREP）
● 用户界面：办公风格界面，支持多语言本地化
#Tool #Design #Image #GitHub
GitHub
GitHub - xiangechen/chili3d: A browser-based 3D CAD application for online model design and editing
A browser-based 3D CAD application for online model design and editing - xiangechen/chili3d
Streamdown - 专为 AI 流式 Markdown 渲染设计的 react-markdown 替代品
http://github.com/vercel/streamdown
Streamdown 是一个针对 AI 驱动的流式传输而设计的 react-markdown 的替代品。它提供了一系列针对流式传输的优化功能，如处理不完整的 Markdown 块、支持 GitHub Flavored Markdown、数学公式渲染、Mermaid 图表渲染等。Streamdown 可以作为独立的包安装使用，也可以作为 AI Elements Response 组件的一部分使用。
● 即装即用，完美替代 react-markdown，无需改动现有代码结构
● 流式优化，支持不完整 Markdown 实时解析，保证内容流畅呈现
● 支持未终止的加粗、斜体、代码块、链接和标题样式，提升用户体验
● 完备的 GitHub Flavored Markdown 支持：表格、任务列表、删除线等全覆盖
● 内置 LaTeX 渲染（KaTeX），满足数学公式显示需求
● 集成 Shiki 代码语法高亮，代码展示更美观、易读
● 基于 harden-react-markdown，安全渲染防止 XSS 等风险
● 性能优化，借助 memoization 实现高效更新，适合复杂交互场景
● 兼容 Node.js 18+ 和 React 19.1.1+，开发、测试、构建流程完善
#Tool #GitHub #Design
http://github.com/vercel/streamdown
Streamdown 是一个针对 AI 驱动的流式传输而设计的 react-markdown 的替代品。它提供了一系列针对流式传输的优化功能，如处理不完整的 Markdown 块、支持 GitHub Flavored Markdown、数学公式渲染、Mermaid 图表渲染等。Streamdown 可以作为独立的包安装使用，也可以作为 AI Elements Response 组件的一部分使用。
● 即装即用，完美替代 react-markdown，无需改动现有代码结构
● 流式优化，支持不完整 Markdown 实时解析，保证内容流畅呈现
● 支持未终止的加粗、斜体、代码块、链接和标题样式，提升用户体验
● 完备的 GitHub Flavored Markdown 支持：表格、任务列表、删除线等全覆盖
● 内置 LaTeX 渲染（KaTeX），满足数学公式显示需求
● 集成 Shiki 代码语法高亮，代码展示更美观、易读
● 基于 harden-react-markdown，安全渲染防止 XSS 等风险
● 性能优化，借助 memoization 实现高效更新，适合复杂交互场景
● 兼容 Node.js 18+ 和 React 19.1.1+，开发、测试、构建流程完善
#Tool #GitHub #Design
GitHub
GitHub - vercel/streamdown: A drop-in replacement for react-markdown, designed for AI-powered streaming.
A drop-in replacement for react-markdown, designed for AI-powered streaming. - vercel/streamdown
PatternCraft - 专业级背景图案与渐变资源库
https://github.com/megh-bari/pattern-craft
https://patterncraft.fun/
一个专业级的背景图案和渐变资源集合，可以轻松复制并粘贴到您的下一个项目中。
它使用现代 CSS 和 Tailwind 进行构建，以实现无缝集成。
● 提供 100 多种现代 CSS 背景图案和渐变代码片段
● 提供实时预览功能，让您在实现之前就能看到效果
● 使用现代 CSS 技术和 Tailwind CSS 进行设计
● 优化了响应式设计，适用于所有屏幕尺寸
● 纯 CSS 实现，无需依赖
● 按类别组织的图案集合，方便浏览
● 提供“返回顶部”和“添加收藏”功能
● 可轻松修改图案以满足您的需求
#Design #GitHub #URL
https://github.com/megh-bari/pattern-craft
https://patterncraft.fun/
一个专业级的背景图案和渐变资源集合，可以轻松复制并粘贴到您的下一个项目中。
它使用现代 CSS 和 Tailwind 进行构建，以实现无缝集成。
● 提供 100 多种现代 CSS 背景图案和渐变代码片段
● 提供实时预览功能，让您在实现之前就能看到效果
● 使用现代 CSS 技术和 Tailwind CSS 进行设计
● 优化了响应式设计，适用于所有屏幕尺寸
● 纯 CSS 实现，无需依赖
● 按类别组织的图案集合，方便浏览
● 提供“返回顶部”和“添加收藏”功能
● 可轻松修改图案以满足您的需求
#Design #GitHub #URL
GitHub
GitHub - megh-bari/pattern-craft: Professional-grade background patterns and gradients for your websites and apps. Easily copy…
Professional-grade background patterns and gradients for your websites and apps. Easily copy and paste into your next project. Crafted with modern CSS and Tailwind for seamless integration. - megh-...
