为创作者,准备的工具箱
你的前端设计素材库.
从一个好设计,开始下一个好作品。
精心制作的 React 区块与组件,预览、探索,一键带走代码。
FORM / STUDIO让灵感,清晰呈现。
一个为深度思考而生的空间。整理想法,让下一件好作品发生。
探索工作室 ↗为独立创作者而设计
原创设计为开发者而生少一点配置。多一点创造。
从想法到上线,让工具回归简单。一个命令,开始你的下一个项目。
terminal
$ npm create something-great
正在准备你的工作区…
✓ 依赖已准备
▍
原创设计团队协作,回归简单好想法,需要好配合。
把项目、灵感和讨论汇聚一处。少一点切换,多一点专注。
看看工作区 ↓ 原创设计工作方式
从灵感,到真正发生。
01 /发现
留意问题,倾听真实需求。从一个值得探索的想法开始。
02 /打磨
用小实验验证方向。在每次迭代中,让想法更清晰。
03 /交付
把成果带到真实世界。听取反馈,继续创造价值。
原创设计选择适合你的节奏
透明定价,随成长而扩展。演示价格。
起步
$0 / 月
专业
$19 / 月
团队
$49 / 月
原创设计常见问题你问,我们答。
开始之前,你可能想了解这些。
如何开始使用?+
选择一个模块,查看源代码,将它放入你的 React + Tailwind 项目。
可以自定义颜色吗?+
当然。修改 Tailwind 类名,即可调整颜色、间距与字体。
支持移动端吗?+
模块采用响应式布局。可以切换预览宽度,检查不同尺寸。
需要连接服务器吗?+
这些是前端演示。表单不会向外发送信息。
原创设计保持联系
好项目,始于一次对话。
分享你的想法。这是前端示例,内容不会发送。
hello@example.com ↗
原创设计| 姓名 | 邮箱 | 状态 | 方案 |
|---|
| Alex Morgan | alex@example.com | 活跃 | Pro |
| Sam Kim | sam@example.com | 活跃 | Team |
| Jamie Park | jamie@example.com | 试用 | Starter |
| Taylor Chen | taylor@example.com | 活跃 | Pro |
| Robin Lee | robin@example.com | 试用 | Team |
原创设计小步前进,带来大改变。
以人为本,持续改进。这里展示的是用于布局学习的示例数据。
原创设计社区声音 · 虚构示例
为人创造,被人喜爱。
★★★★★“终于找到让团队慢下来思考、快起来行动的工具。”
AM★★★★★“那些细小但周到的设计,让每天的工作都舒服了一点。”
SK★★★★★“我们把更多时间留给了真正重要的事:创造。”
JP 原创设计Alex Morgan
产品设计
Sam Kim
工程开发
Jamie Park
品牌策略
Taylor Chen
社区运营
原创设计工作室手记
灵感,持续更新设计 · 5 分钟阅读
为注意力留白
为什么更少的选择,能带来更清晰的体验。
过程 · 5 分钟阅读
从不完美开始
用小实验,找到真正值得继续的方向。
观点 · 5 分钟阅读
把工具变简单
好工具应该安静地陪伴创造。
原创设计下一步,由你定义
好想法,值得开始。
不必等一切准备好。先迈出一小步。
原创设计 原创设计持续生长一起,看见下一步。
从构想到完成,记录每一步成长。此处是虚构路线图。
第一季度 2027已完成
基础搭建
完成核心工作区与协作功能。
第二季度 2027进行中
更紧密的连接
探索新的集成与自动化工具。
第三季度 2027计划中
为每个人扩展
让更多团队找到适合的工作方式。
原创设计个人设置
让工作区更适合你。本地演示,不持久保存。
原创设计给好想法,一个开始。
创建第一个项目,从一张空白画布开始。
原创设计最新动态
AMAlex 更新了项目封面
品牌更新计划 · 5 分钟前
SKJPJamie 分享了一个新想法
灵感空间 · 2 小时前
TC 原创设计UI COMPONENT / BUTTON
按钮
点击次数:0
shadcn/uiUI COMPONENT / TEXTAREA
多行文本框
shadcn/uiUI COMPONENT / CHECKBOX
复选框
shadcn/uiUI COMPONENT / SELECT
选择菜单
shadcn/uiUI COMPONENT / ACCORDION
折叠面板
是的。预览直接使用项目中的 Accordion 组件。
shadcn/uiUI COMPONENT / ALERT-DIALOG
确认对话框
shadcn/uiUI COMPONENT / POPOVER
弹出框
shadcn/uiUI COMPONENT / TOOLTIP
工具提示
shadcn/uiUI COMPONENT / PROGRESS
进度指示器
shadcn/uiUI COMPONENT / AVATAR
头像
AMSKJPTC
无需头像图片,姓名缩写也能传递身份。
shadcn/uiUI COMPONENT / SKELETON
骨架屏
shadcn/uiUI COMPONENT / SEPARATOR
分隔线
shadcn/uiUI COMPONENT / TABLE
表格组件
| 账单 | 状态 | 金额 |
|---|
| INV-001 | 已支付 | $24.00 |
| INV-002 | 已支付 | $48.00 |
| INV-003 | 已支付 | $12.00 |
| 合计 | $84.00 |
shadcn/uiUI COMPONENT / BREADCRUMB
面包屑导航
shadcn/uiUI COMPONENT / PAGINATION
分页
shadcn/uiUI COMPONENT / RADIO-GROUP
单选组
shadcn/uiUI COMPONENT / TOGGLE-GROUP
切换按钮组
shadcn/ui