goodui
获取 Pro

10 个套件，45 个页面，没有共用骨架

套件之间什么都不共用，连按钮和图标也是。这里看到的是真实页面的录屏和截图。付费代码不在本站运行。

按类型显示套件
用我们的测试试一下

每个页面发布前我们都会跑这两项。各个套件应该一直容易区分。

One Window

一扇产品窗口始终固定，滚动驱动应用自身的状态。 B2B SaaS.

  • CountersignCountersignThis invoice is waiting for you
  • TabithaTabitha14 unread, and you haven't sat down yet
  • ErrandErrandStandup keeps reading the tracker out loud

Marginalia

页面是一份工作文档，页边有一位 AI 协作者：它用铅笔写，你用碳素墨水写。 用于写作、会议、法律和研究的 AI 套壳应用.

  • ScrawlScrawlYou type junk in the meeting
  • WhereasWhereasCan I cancel?
  • StetStet6 objections to moving our handbook to Stet
  • Ibid.Ibid.You've written about Tomas 5 times

Playhead

时间是主线：一个主时钟驱动整页，滚动移动播放头，背景就是该时间码下的天空。 AI 语音和视频、会议、排程、可观测性.

Atlas

网站是一片测绘过的地域，带图例和小地图，你在上面平移浏览：画面停在坐标上，唯一移动的是镜头，每张图都是用页面数据画出的等高线。 分析、协作、旅行和 AI 可见度.

  • SpotheightSpotheight14 March: /guides/sowing-calendar came up to 7,982 visits
  • WaymarkWaymarkLeave the flat at 06:40. The 07:25 from Wien won't wait.
  • LandfallLandfallOrrery names you third. Tern has never heard of you.
  • LongwallLongwallThree people are editing this headline.

Tray

整页是一条移动端流程：按钮是折叠的托盘，每个区块都从打开它的控件中以面板形式升起。 移动应用创始人、金融科技和面向消费者的订阅应用.

  • FarthingFarthingOnly €344.60 of €1,284.60 is yours
  • DibsDibsTwo lahmacun and an ayran, at your door by 19:33
  • WickWickThe kitchen and the hall are still on, and you're in bed
  • UnclenchUnclench1:30 for your jaw, neck, shoulders and wrists

Index

网站是一张表格，每个区块都是一行，可就地展开：排序会重排页面，一行能长成完整的区块。 开发者工具、API、CRM 和后台金融科技.

  • RowlockRowlockTwelve deals, and Halden Kraan hasn't heard from you in 19 days
  • SundrySundryFerwerda Scheepswerf owes you €10,665.83
  • FixupFixup6 hunks left on this page, and contrast.spec.ts is red
  • RedeliverRedeliver200 OK on try 6 of 8, 7 min after your server came back

Strata

每个屏幕都是一叠分解开的有色胶片：滚动让图层沿 Z 轴分开，颜色表示透过多少光。 安全、基础设施、智能体平台和硬件.

  • LightproofLightproofPOST /invoices/export stopped at Auth, 11 ms in
  • PegbarPegbarMoving order 58213 to Saturday.
  • ShimstockShimstockOnly 159 MB of this 1.07 GB image has to move
  • NoonishNoonishYou have 38 minutes of sun left today

Console

页面是一台固定的硬件，由你操作：桌面端不滚动，滚轮转动模式旋钮，每个数值都落在挡位上，所有部件都在同一个 matcap 下用光线步进渲染。 开发者工具、基础设施、LLM API、实用工具和仪器类应用.

  • BusbarBusbar3 nodes in Frankfurt, 9 s to fail over, €410.50 a month
  • TemperTemperRye Returns.
  • CombComb25 holes in D dorian, 2.9 seconds a turn
  • HoldfastHoldfastNobody can delete Tuesday's backup until 3 December

Lumen

One physical light source governs the page: real elements cast one consistent shadow through WebGL2, the light moves and the objects stay still, and colour temperature does the work of an accent. Premium AI, privacy, wellness and finance.

  • TurndownTurndownLamp at 100%. Lights out at 23:10.
  • ReciprocityReciprocityCorrect exposure. The pear is sharp, the jug is not.
  • AmpouleAmpoulePull the cable. It keeps answering.
  • NoonmarkNoonmarkAt €2,150 a month you stop in March 2045.

Flagship

基于一家宠物医院集团数据的仪表：语义缩放日历、12,000 位客户组成的星系，以及预约、收入和地理的集团视图。 预约、CRM 和诊所软件.

  • 语义缩放日历语义缩放日历同一本日程，从全年一直缩放到单个时段。
  • 客户星系客户星系12,000 位客户化作圆点，可排序、套选和回放。
  • 地平线图地平线图十四家诊所 180 天的数据，折叠在一屏之内。
  • 收入地球仪收入地球仪照亮的地球上，脚本化的一天付款沿弧线归来。
  • 分级地图浏览器分级地图浏览器按国家查看销售额，比例尺随缩放重新计算。
  • 活动地形图活动地形图一周来电化作可环绕的 3D 地形。
  • 看板看板拖动时实时预测全天的手术清单。
  • AI 聊天AI 聊天整个运行过程都可拖动回放的脚本助手。
  • 爆炸视图爆炸视图可用的移动界面随滚动分离成六层。

AI 套壳应用

完整的 Expo 应用，AI 套壳应用里最难的部分都已做好：用户同意、付费墙、积分、任务队列。截图来自真实应用。

  • Mira AI: AI assistant app with streaming chat and voiceMira AIAI assistant app with streaming chat and voice
  • Per Serving: Scan-to-plan coach drawn as one printed food labelPer ServingScan-to-plan coach drawn as one printed food label
  • Safelight: Selfie photo pack app set in a darkroomSafelightSelfie photo pack app set in a darkroom
  • Fandeck: Restyle app with a paint-chip fan deck, one engine per verticalFandeckRestyle app with a paint-chip fan deck, one engine per vertical

材质

大家会直接搜索的四种风格，每种都有组件、仪表盘、移动应用和落地页。