H

HuggingPT

UI 界面示例总览

共 271 套可直接打开预览的真实界面，覆盖 228 套桌面端与 43 套移动端设计。每套都对应一份可复用的设计规范提示词，点进去即可看到完整效果。

当前显示 271 套

Creative Studio

amber-warm-floating-actions

琥珀收据 - Amber Warm Receipt

amber-warm-receipt

品牌视觉系统

amber-warm-sidebar

响应式设计

amber-warm-split-nav

专业设计服务

amber-warm-sticky-nav-2

智能粘性

amber-warm-sticky-nav

总访问量

analytics-sparkline

Apple Frosted Badge Panel

apple-frosted-badge-panel

每月增长

apple-frosted-two-columns

全息投影技术

Bamboo Breeze Card Frame

bamboo-breeze-card-frame

赛博朋克城市梦境

bamboo-breeze-card-masonry

Bamboo Breeze Compact Table

bamboo-breeze-compact-table

Baroque Chat Bubbles

baroque-chat-bubbles

AI智能助手

baroque-contrast-cards

Baroque Dense Table

baroque-dense-table

Baroque Two Columns

baroque-two-columns

全球配送

black-gold-card-block

Black Gold Floating Actions

black-gold-floating-actions

时间的痕迹

black-gold-split-nav

月度营收

black-gold-stepper

几何形态与功能美学

blog-magazine

帝国柱式研究

brushed-metal-card-block

Thousand Cranes

手工陶瓷花瓶

bullet-journal-nine-grid

Bullet Journal Progress Bar

bullet-journal-progress-bar

近地轨道设计方案

capsule-glass

Card Elevated

card-elevated

Card Glass Border

card-glass-border

Card Outlined

card-outlined

Golden Geometry

celadon-green-card-masonry-2

Helvetica Neue

celadon-green-card-masonry

Celadon Green Chat Bubbles

celadon-green-chat-bubbles

Celadon Green Receipt

celadon-green-receipt

Celadon Green Stat Grid

celadon-green-stat-grid

Steam Ignition

celadon-green-stepper

Celadon Green Ticket Clip

celadon-green-ticket-clip

Chat Bubble Rounded

chat-bubble-rounded

Cocoa Brown Badge Panel

cocoa-brown-badge-panel

Cocoa Brown Receipt

cocoa-brown-receipt

Cocoa Brown Three Sections

cocoa-brown-three-sections

Cocoa Brown Timeline

cocoa-brown-timeline

Cyber Neon Floating Actions

cyber-neon-floating-actions

Cyber Neon Split Nav

cyber-neon-split-nav

Cyber Neon Stepper

cyber-neon-stepper

Dashboard Contrast

dashboard-contrast

Dashboard Split

dashboard-split

Deep Sea Receipt

deep-sea-receipt

Dusky Gray Album Mosaic

dusky-gray-album-mosaic

Dusky Gray Hero Banner

dusky-gray-hero-banner

Dusky Gray Nine Grid 2

dusky-gray-nine-grid-2

Dusky Gray Nine Grid

dusky-gray-nine-grid

Dusky Gray Progress Bar

dusky-gray-progress-bar

Dusky Gray Sticky Nav

dusky-gray-sticky-nav

Ecommerce Masonry

ecommerce-masonry

Editorial Grid Sidebar

editorial-grid-sidebar

Editorial Grid Split Nav

editorial-grid-split-nav

Elegant Purple Dense Table

elegant-purple-dense-table

Elegant Purple Form Dialog

elegant-purple-form-dialog

Elegant Purple Timeline

elegant-purple-timeline

Card

elegant-purple-two-columns

Fluent

Morning Mist

forest-moss-bottom-tabs

Forest Moss Compact Table

forest-moss-compact-table

Forest Moss Form Dialog

forest-moss-form-dialog

Forest Moss Receipt 2

forest-moss-receipt-2

Forest Moss Receipt

forest-moss-receipt

Forest Moss Sidebar

forest-moss-sidebar

Forest Conservation Project Started

forest-moss-timeline

Form Floating Labels

form-floating-labels

Form Stepped

Forest Walk

ghibli-inspired

Glassmorphism Floating Actions

glassmorphism-floating-actions

Glassmorphism Hero Banner

glassmorphism-hero-banner

Glassmorphism Nine Grid

glassmorphism-nine-grid

Grid Glass Badge Panel

grid-glass-badge-panel

Grid Glass Card Collage

grid-glass-card-collage

Grid Glass Chat Bubbles

grid-glass-chat-bubbles

Grid Glass Nine Grid

grid-glass-nine-grid

High Density Hero Banner

high-density-hero-banner

High Density Receipt

high-density-receipt

Honey Gold Album Mosaic

honey-gold-album-mosaic

Honey Gold Bottom Tabs

honey-gold-bottom-tabs

Honey Gold Compact Table

honey-gold-compact-table

Honey Gold Nine Grid

honey-gold-nine-grid

Honey Gold Receipt

honey-gold-receipt

Neon Nights

immersive-dark-album-mosaic-2

Dark Cityscapes

immersive-dark-album-mosaic

Dark Analytics

immersive-dark-card-masonry

Immersive Dark Receipt

immersive-dark-receipt

Ink Wash Album Mosaic

ink-wash-album-mosaic

Ink Wash Three Sections

ink-wash-three-sections

Japanese Blank Card Frame

japanese-blank-card-frame

Japanese Blank Contrast Cards

japanese-blank-contrast-cards

Japanese Blank Stat Grid

japanese-blank-stat-grid

Lake Green Chat Bubbles

lake-green-chat-bubbles

Lake Green Progress Bar

lake-green-progress-bar

Lake Green Sticky Nav

lake-green-sticky-nav

Lake Green Three Sections

lake-green-three-sections

Landing Radial

landing-radial

Lime Summer Bottom Tabs

lime-summer-bottom-tabs

Lime Summer Card Block

lime-summer-card-block

Lime Summer Sidebar

lime-summer-sidebar

Lime Summer Split Nav

lime-summer-split-nav

Lime Summer Sticky Nav

lime-summer-sticky-nav

Lime Summer Ticket Card

lime-summer-ticket-card

Lolita Stepper

lolita-stepper

Lolita Sticky Nav

lolita-sticky-nav

Lolita Ticket Card

lolita-ticket-card

Maple Autumn Chat Bubbles

maple-autumn-chat-bubbles

Maple Autumn Two Columns

maple-autumn-two-columns

家庭温馨度

工人力量

Metro Grid

Mint Fresh Album Mosaic

mint-fresh-album-mosaic

Classic

neo-classic-card-collage

Gilded Frame

neo-classic-card-frame

Neo Classic Nine Grid

neo-classic-nine-grid

Neo Classic Sidebar

neo-classic-sidebar

Neo Classic Ticket Clip

neo-classic-ticket-clip

部署完成 · v2.6.1

neon-cyberpunk

Neon Sign Album Mosaic

neon-sign-album-mosaic

Neon Sign Badge Panel

neon-sign-badge-panel

Neon Sign Compact Table

neon-sign-compact-table

Neon Sign Dense Table

neon-sign-dense-table

Soft

neumorphism-soft

Neumorphism

Nordic Minimal Album Mosaic

nordic-minimal-album-mosaic

Nordic Minimal Card Block

nordic-minimal-card-block

Nordic Minimal Stepper

nordic-minimal-stepper

Tri-fold

origami-card-frame

Origami Compact Table

origami-compact-table

Origami Dense Table

origami-dense-table

Origami Form Dialog

origami-form-dialog

Origami Receipt

origami-receipt

Paper Skeuo Album Mosaic

paper-skeuo-album-mosaic

Paper Skeuo Chat Bubbles

paper-skeuo-chat-bubbles

Paper Skeuo Dense Table

paper-skeuo-dense-table

Paper Skeuo Nine Grid

paper-skeuo-nine-grid

Peacock Blue Progress Bar 2

peacock-blue-progress-bar-2

Peacock Blue Progress Bar

peacock-blue-progress-bar

Peacock Blue Sidebar

peacock-blue-sidebar

Poster Grid Floating Actions

poster-grid-floating-actions

Poster Grid Split Nav

poster-grid-split-nav

Pricing Gradient

pricing-gradient

Profile Avatar Ring

profile-avatar-ring

Punk Magenta Hero Banner

punk-magenta-hero-banner

Punk Magenta Sidebar 2

punk-magenta-sidebar-2

Punk Magenta Sidebar

punk-magenta-sidebar

Retro Beige Media Card

retro-beige-media-card

Retro Beige Receipt

retro-beige-receipt

Retro Beige Sticky Nav

retro-beige-sticky-nav

Retro Film Album Mosaic

retro-film-album-mosaic

Retro Film Card Block

retro-film-card-block

Citizen Kane

retro-film-card-masonry

大都会

retro-film-contrast-cards

Retro Pixel

Pharaoh Throne

ribbon-gradient-bottom-tabs

茶道初学者

ribbon-gradient-chat-bubbles

Ribbon Gradient Form Dialog

ribbon-gradient-form-dialog

北极光豪华观测体验

ribbon-gradient-ticket-clip

私人住宅设计

ribbon-gradient-two-columns

Rococo Album Mosaic

rococo-album-mosaic

The Swing

rococo-card-masonry

Rococo Hero Banner

rococo-hero-banner

Rococo Stat Grid

rococo-stat-grid

Rococo Timeline

rococo-timeline

Sakura Pink Compact Table 2

sakura-pink-compact-table-2

Sakura Pink Compact Table

sakura-pink-compact-table

Bloom Tracking

sakura-pink-sticky-nav

Rose Collector

smoky-pink-badge-panel

Rose Garden Dreams

smoky-pink-card-block

Smoky Pink Compact Table

smoky-pink-compact-table

Smoky Pink Dense Table

smoky-pink-dense-table

Engagement Rate

smoky-pink-stat-grid-2

Smoky Pink Stat Grid

smoky-pink-stat-grid

Dreamy Gradients

smoky-pink-three-sections

Snow White Nine Grid

snow-white-nine-grid

Snow White Stat Grid

snow-white-stat-grid

Snow White Sticky Nav

snow-white-sticky-nav

1.2.0 发布

snow-white-timeline

Forest Awakening

spring-green-album-mosaic

Growth Expert

spring-green-badge-panel

Spring Green Card Collage

spring-green-card-collage

Spring Green Card Masonry

spring-green-card-masonry

Starry Violet Compact Table

starry-violet-compact-table

Starry Violet Hero Banner

starry-violet-hero-banner

Starry Violet Split Nav

starry-violet-split-nav

项目管理

stone-gray-bottom-tabs

拜占庭皇帝

stone-gray-chat-bubbles

Stone Gray Contrast Cards

stone-gray-contrast-cards

黄金神庙发掘

stone-gray-floating-actions

Stone Gray Hero Banner 2

stone-gray-hero-banner-2

神经网络连接

stone-gray-hero-banner

Stone Gray Sticky Nav

stone-gray-sticky-nav

Stone Gray Three Sections

stone-gray-three-sections

Swiss Minimal

swiss-minimal

Table Compact Striped

table-compact-striped

Table Dense Numeric

table-dense-numeric

Tech Blue Card Collage

tech-blue-card-collage

Neural Network

tech-blue-card-frame

Tech Blue Chat Bubbles

tech-blue-chat-bubbles

Tech Blue Compact Table

tech-blue-compact-table

Tech Blue Stat Grid

tech-blue-stat-grid

量子计算体验

tech-blue-ticket-clip

Terracotta Compact Table

terracotta-compact-table

Terracotta Receipt

terracotta-receipt

浪间小舟

Vaporwave

Wabi Sabi Card Collage

wabi-sabi-card-collage

Wabi Sabi Contrast Cards 2

wabi-sabi-contrast-cards-2

黄金时代几何基础

wabi-sabi-contrast-cards

Wabi Sabi Form Dialog

wabi-sabi-form-dialog

Wabi Sabi Hero Banner

wabi-sabi-hero-banner

Wabi Sabi Media Card

wabi-sabi-media-card

Wabi Sabi Progress Bar

wabi-sabi-progress-bar

Wabi Sabi Split Nav

wabi-sabi-split-nav

Wabi Sabi Ticket Card

wabi-sabi-ticket-card

里约顶级桑巴舞团演出

wabi-sabi-ticket-clip

水晶几何设计

winter-silver-hero-banner

Y2k Glossy Album Mosaic

y2k-glossy-album-mosaic

Y2k Glossy Card Masonry

y2k-glossy-card-masonry

Y2k Glossy Form Dialog 2

y2k-glossy-form-dialog-2

Y2k Glossy Form Dialog

y2k-glossy-form-dialog

Y2k Glossy Progress Bar

y2k-glossy-progress-bar

Y2k Glossy Receipt

y2k-glossy-receipt

Y2k Glossy Sticky Nav

y2k-glossy-sticky-nav

留白与停顿

AI虚拟宠物陪伴APP - 移动端UI示例

ai-pet-companion

艺境拍卖 - 全球艺术品拍卖平台

art-auction-house

雅韵收藏 - 艺术品收藏管理平台

art-collection-manager

极光社交APP - 移动端UI示例

aurora-social

币鲨交易 - 专业数字资产交易平台

crypto-trading-app

赛博朋克电商购物APP - 移动端UI示例

cyberpunk-shopping

深海潜水探索APP - 移动端UI示例

deep-sea-diving

电商购物应用

e-commerce-app

在线教育应用

education-app

尊享礼宾 - 专属礼宾服务平台

exclusive-concierge

健身追踪应用

fitness-tracker-app

美食外卖应用

food-delivery-app

森林治愈日记APP - 移动端UI示例

forest-healing-diary

健康医疗应用

healthcare-app

金牛投资 - 专业财富管理平台

investment-app

奢华美妆购物APP - 移动端UI示例

luxury-beauty-shop

驰骋租车 - 豪华跑车租赁平台

luxury-car-rental

御尊酒店 - 奢华住宿预订平台

luxury-hotel-booking

珠宝匠心 - 高端珠宝定制平台

luxury-jewelry-designer

雅致生活 - 高端生活杂志

luxury-lifestyle-magazine

御景地产 - 奢华房产投资管理

luxury-real-estate

禅悦SPA - 奢华养生中心

luxury-spa-wellness

极简记事本APP - 移动端UI示例

minimal-notepad

现代银行应用

modern-banking-app

北欧极简智能家居APP - 移动端UI示例

田园农场管理APP - 移动端UI示例

pastoral-farm

强体教练 - AI私人健身教练

premium-fitness-coach

酒窖管家 - 专业酒类收藏管理

premium-wine-cellar

御膳私厨 - 私人厨师预订服务

private-chef-booking

网约车应用

ride-sharing-app

樱花社交APP - 移动端UI示例

sakura-social

简约聊天应用 - 移动端UI示例

智控之家 - 智能家居控制中心

smart-home-app

社交媒体应用

social-media-app

宇宙探索记录APP - 移动端UI示例

space-exploration

音乐播放器

spotify-music-player

蒸汽朋克旅行记录APP - 移动端UI示例

steampunk-travel

旅游预订应用

travel-booking-app

视界流媒 - 高清视频流媒体平台

video-streaming-app

复古胶片相机APP - 移动端UI示例

vintage-camera

天气预报应用

weather-forecast-app

蓝海游艇 - 精英游艇包船服务

yacht-charter-booking

日式禅意冥想APP - 移动端UI示例

zen-meditation

想要对应的设计规范？

每套界面背后都有一份描述配色、材质、间距与动效的提示词，可以直接交给 AI 生成同风格的界面代码。

浏览 UI 设计提示词 UI 风格落地 Skill