'%20stroke-width='3'%20fill='none'/%3e%3crect%20x='14'%20y='14'%20width='12'%20height='12'%20rx='2'%20fill='url(%23logoGradient)'%20opacity='0.9'/%3e%3crect%20x='18'%20y='18'%20width='12'%20height='12'%20rx='2'%20fill='url(%23innerGradient)'%20opacity='0.8'/%3e%3crect%20x='22'%20y='22'%20width='12'%20height='12'%20rx='2'%20fill='url(%23logoGradient)'%20opacity='0.9'/%3e%3ccircle%20cx='36'%20cy='12'%20r='2'%20fill='%23F97316'/%3e%3ccircle%20cx='12'%20cy='36'%20r='1.5'%20fill='%233B82F6'/%3e%3c/svg%3e)
适合：设计稿生成 / 页面原型 / 草图转 UI
发现好用的 UI 资源网站
精选设计工具、组件库、动效案例、视觉特效与灵感站点，帮你更快找到页面设计和开发参考。
当前匹配 25 个资源
适合：页面原型 / 组件原型 / AI 代码生成
适合：组件源码 / 设计系统 / 二次定制
适合：组件参考 / 页面区块 / 现代 UI
适合：动效组件 / 背景特效 / Hero 页面
适合：列表动画 / 页面过渡 / 拖拽排序
适合：时间线动画 / 滚动视差 / SVG 动效
适合：Hero 背景 / 动态渐变 / 视觉特效
适合：高端网站 / 视觉参考 / 创意布局
适合：卡片布局 / 信息分区 / Bento 页面
适合：品牌色验证 / 界面配色 / 颜色预览
适合：色板生成 / 辅助色 / 配色探索
适合：精确设计稿 / 团队协作 / 设计系统
适合：交互原型 / 设计系统延展 / Claude Code 交接
适合：落地页方向 / Hero 文案 / 页面提示词
UI UX Pro Max Skill
Claude Code 设计知识库
汇总 UI 风格、配色、字体搭配和 UX 指南，适合为 Claude Code 提供设计方向参考。
AI 设计Claude CodeUI 风格配色
适合：设计提示词 / 风格探索 / 界面审美校准
适合：动画组件 / 营销页特效 / 微交互
适合：高级特效 / 交互组件 / 视觉亮点
适合：Sprite Sheet 切割 / 像素化素材 / 本地图片处理
适合：滚动动画 / 鼠标交互 / 拖拽动效
适合：3D 产品展示 / 粒子背景 / 交互式场景
适合：移动端参考 / UI 作品 / 视觉风格
适合：功能页面 / 移动端界面 / 产品流程
适合：产品首页 / 营销页 / SaaS 落地页
适合：配色落地 / 风格理解 / 页面色彩
RESOURCE CTA
发现更好的 UI 网站？
欢迎推荐更多适合 Vibe Coding、UI 设计、组件复用和动效参考的网站。