前端工程
核心组件、设计体系、Token、表单、动画,以及全球顶级品牌设计规范。
核心组件、设计体系、Token、表单、动画,以及全球顶级品牌设计规范。
| 类型 | 名称 | 使用场景 | 标签 | 操作 |
|---|---|---|---|---|
| 设计 | Figma 风格 | 将 Figma 的设计语言应用到你的项目中,打造精致、品牌统一的界面。 | 亮色模式单色品牌设计 Tokenfigma | |
| 设计 | Coinbase 风格 | 将 Coinbase 的设计语言应用到你的项目中,打造精致、品牌统一的界面。 | 亮色模式蓝色品牌 | |
| 设计 | IBM 风格 | 将 IBM 的设计语言应用到你的项目中,打造精致、品牌统一的界面。 | 亮色模式蓝色品牌 | |
| 设计 | Rolex | Apply Rolex's design language to your project for a polished, brand-consistent UI. | 亮色模式暗色模式绿色 | |
| 设计 | 导航外壳系统 | 需要稳定主导航模式的应用外壳。 | 导航外壳 | |
| 设计 | Grafana | Apply Grafana's design language to your project for a polished, brand-consistent UI. | 暗色模式橙色单色 | |
| 设计 | Sentry 风格 | 将 Sentry 的设计语言应用到你的项目中,打造精致、品牌统一的界面。 | 亮色模式品牌设计 Token | |
| 设计 | 新粗野主义 Web 系统 | 设计公司作品集、创意工具和想要张扬个性的品牌。 | 粗野主义大胆创意 | |
| 设计 | Mistral AI 风格 | 将 Mistral AI 的设计语言应用到你的项目中,打造精致、品牌统一的界面。 | 亮色模式红色品牌 | |
| 设计 | The Verge 风格 | 将 The Verge 的设计语言应用到你的项目中,打造精致、品牌统一的界面。 | 品牌设计 Tokentheverge | |
| 设计 | AI 聊天界面套件 | 构建任何大语言模型驱动的聊天或对话界面。 | AI聊天暗色模式 | |
| 技能 | 分页与无限滚动 | 需要传统分页和现代无限滚动的长列表、搜索结果、活动流。 | React用户体验性能 | |
| 设计 | Spotify 风格 | 将 Spotify 的设计语言应用到你的项目中,打造精致、品牌统一的界面。 | 品牌设计 Tokenspotify | |
| 技能 | 让界面更精致 | Use when building UI components, reviewing frontend code, or when a UI feels off, flat, generic, cramped, jumpy, or unfinished. Supports quick and full review modes. | 用户体验设计动画 | |
| 设计 | Resend 风格 | 将 Resend 的设计语言应用到你的项目中,打造精致、品牌统一的界面。 | 暗色模式紫色品牌 | |
| 设计 | PostHog 风格 | 将 PostHog 的设计语言应用到你的项目中,打造精致、品牌统一的界面。 | 亮色模式红色品牌 | |
| 技能 | 结算流程构建器 | 构建完整的结算体验——配送表单、支付收集、订单确认和信息汇总。 | React电商表单 | |
| 技能 | 文件上传管理器 | 在任何表单或仪表盘中添加文件上传功能——文档门户、媒体库、引导流程或 CMS 后台。 | ReactMedia & Assets表单 |