UI 界面示例总览
共 324 套可直接打开预览的真实界面，覆盖 281 套桌面端与 43 套移动端设计。 每套都对应一份可复用的设计规范提示词，点进去即可看到完整效果。
当前显示 324 套
Amber Warm - Floating Actions UI Example
PCamber-warm-floating-actions琥珀收据 - Amber Warm Receipt
PCamber-warm-receipt琥珀工作台 - Amber Warm Sidebar
PCamber-warm-sidebar琥珀创作 - Amber Warm Split Navigation
PCamber-warm-split-nav专业设计服务
PCamber-warm-sticky-nav-2琥珀学院 - Amber Warm Sticky Navigation
PCamber-warm-sticky-nav总访问量
PCanalytics-sparklineApple Frosted Badge Panel
PCapple-frosted-badge-panel每月增长
PCapple-frosted-two-columns未来艺术平台 - Y2K Digital Art Platform
PCapple-glass建筑平面 - 空间使用率分析 UI 示例
PCarchitect-plan装饰艺术扇纹 - 高端剧院订票 UI 示例
PCart-deco-fan新艺术藤蔓 - 温室茶室与植物图志 UI 示例
PCart-nouveau-vine工艺美术橡木 - 木工技艺教程 UI 示例
PCarts-crafts-oak航空座舱 - 飞行数据仪表 UI 示例
PCaviation-cockpitBamboo Breeze Card Frame
PCbamboo-breeze-card-frame赛博朋克城市梦境
PCbamboo-breeze-card-masonryBamboo Breeze Compact Table
PCbamboo-breeze-compact-tableBaroque Chat Bubbles
PCbaroque-chat-bubblesAI智能助手
PCbaroque-contrast-cardsBaroque Dense Table
PCbaroque-dense-tableBaroque Two Columns
PCbaroque-two-columns包豪斯三原色 - 设计学院课程平台 UI 示例
PCbauhaus-primary便当格空间 - 个人数据年度总结 UI 示例
PCbento-spatial全球配送
PCblack-gold-card-blockBlack Gold Floating Actions
PCblack-gold-floating-actions时间的痕迹
PCblack-gold-split-nav月度营收
PCblack-gold-stepper几何形态与功能美学
PCblog-magazine青花瓷 - 古董瓷器拍卖预览 UI 示例
PCblue-white-porcelain蓝图制图 - 建筑图纸审校 UI 示例
PCblueprint-draft帝国柱式研究
PCbrushed-metal-card-block清水混凝土 - 建筑基金会展览 UI 示例
PCbrut-concreteThousand Cranes
PCbrutalism手工陶瓷花瓶
PCbullet-journal-nine-gridBullet Journal Progress Bar
PCbullet-journal-progress-bar近地轨道设计方案
PCcapsule-glassCard Elevated
PCcard-elevatedCard Glass Border
PCcard-glass-borderCard Outlined
PCcard-outlined磁带未来主义 - 飞船货舱终端 UI 示例
PCcassette-futurismGolden Geometry
PCceladon-green-card-masonry-2Helvetica Neue
PCceladon-green-card-masonryCeladon Green Chat Bubbles
PCceladon-green-chat-bubblesCeladon Green Receipt
PCceladon-green-receiptCeladon Green Stat Grid
PCceladon-green-stat-gridSteam Ignition
PCceladon-green-stepperCeladon Green Ticket Clip
PCceladon-green-ticket-clipChat Bubble Rounded
PCchat-bubble-rounded黏土拟态 - 儿童教育应用 UI 示例
PCclaymorphism-softCocoa Brown Badge Panel
PCcocoa-brown-badge-panelCocoa Brown Receipt
PCcocoa-brown-receiptCocoa Brown Three Sections
PCcocoa-brown-three-sectionsCocoa Brown Timeline
PCcocoa-brown-timeline耐候钢锈蚀 - 钢厂生产监控看板 UI 示例
PCcorten-steelCyber Neon Floating Actions
PCcyber-neon-floating-actionsCyber Neon Split Nav
PCcyber-neon-split-navCyber Neon Stepper
PCcyber-neon-stepper暗黑学院 - 读书会与书单排版 UI 示例
PCdark-academiaDashboard Contrast
PCdashboard-contrastDashboard Split
PCdashboard-split风格派格构 - 运营指标看板 UI 示例
PCde-stijl-gridDeep Sea Receipt
PCdeep-sea-receipt代尔夫特蓝陶 - 手工陶艺工坊 UI 示例
PCdelft-blue敦煌壁画 - 文物数字档案 UI 示例
PCdunhuang-muralDusky Gray Album Mosaic
PCdusky-gray-album-mosaicDusky Gray Hero Banner
PCdusky-gray-hero-bannerDusky Gray Nine Grid 2
PCdusky-gray-nine-grid-2Dusky Gray Nine Grid
PCdusky-gray-nine-gridDusky Gray Progress Bar
PCdusky-gray-progress-barDusky Gray Sticky Nav
PCdusky-gray-sticky-navEcommerce Masonry
PCecommerce-masonryEditorial Grid Sidebar
PCeditorial-grid-sidebarEditorial Grid Split Nav
PCeditorial-grid-split-navElegant Purple Dense Table
PCelegant-purple-dense-tableElegant Purple Form Dialog
PCelegant-purple-form-dialogElegant Purple Timeline
PCelegant-purple-timelineCard
PCelegant-purple-two-columns珐琅徽章 - 成就徽章与积分体系 UI 示例
PCenamel-pinFluent
PCfluentMorning Mist
PCforest-moss-bottom-tabsForest Moss Compact Table
PCforest-moss-compact-tableForest Moss Form Dialog
PCforest-moss-form-dialogForest Moss Receipt 2
PCforest-moss-receipt-2Forest Moss Receipt
PCforest-moss-receiptForest Moss Sidebar
PCforest-moss-sidebarForest Conservation Project Started
PCforest-moss-timelineForm Floating Labels
PCform-floating-labelsForm Stepped
PCform-steppedFrutiger Aero - 云相册同步 UI 示例
PCfrutiger-aero未来主义速度线 - 赛车赛事数据直播 UI 示例
PCfuturism-speedForest Walk
PCghibli-inspiredGlassmorphism Floating Actions
PCglassmorphism-floating-actionsGlassmorphism Hero Banner
PCglassmorphism-hero-bannerGlassmorphism Nine Grid
PCglassmorphism-nine-gridGrid Glass Badge Panel
PCgrid-glass-badge-panelGrid Glass Card Collage
PCgrid-glass-card-collageGrid Glass Chat Bubbles
PCgrid-glass-chat-bubblesGrid Glass Nine Grid
PCgrid-glass-nine-grid拼贴地下刊 - 独立音乐同人志 UI 示例
PCgrunge-zineHigh Density Hero Banner
PChigh-density-hero-bannerHigh Density Receipt
PChigh-density-receipt港式茶餐廳 - 餐牌與落單紙 UI 示例
PChk-cha-chaan-teng全息虹彩 - 潮流球鞋限量发售 UI 示例
PCholographic-foilHoney Gold Album Mosaic
PChoney-gold-album-mosaicHoney Gold Bottom Tabs
PChoney-gold-bottom-tabsHoney Gold Compact Table
PChoney-gold-compact-tableHoney Gold Nine Grid
PChoney-gold-nine-gridHoney Gold Receipt
PChoney-gold-receipt徽派马头墙 - 古村落巡游导览 UI 示例
PChuizhou-architectureNeon Nights
PCimmersive-dark-album-mosaic-2Dark Cityscapes
PCimmersive-dark-album-mosaicDark Analytics
PCimmersive-dark-card-masonryImmersive Dark Receipt
PCimmersive-dark-receiptIndex
PCindexInk Wash Album Mosaic
PCink-wash-album-mosaicInk Wash Three Sections
PCink-wash-three-sections图形统计 - 城市交通数据可视化 UI 示例
PCisotype-pictogram和风金箔 - 漆器工艺品展售 UI 示例
PCjapan-goldleafJapanese Blank Card Frame
PCjapanese-blank-card-frameJapanese Blank Contrast Cards
PCjapanese-blank-contrast-cardsJapanese Blank Stat Grid
PCjapanese-blank-stat-grid实验记录本 - 科研数据记录表单 UI 示例
PClab-notebookLake Green Chat Bubbles
PClake-green-chat-bubblesLake Green Progress Bar
PClake-green-progress-barLake Green Sticky Nav
PClake-green-sticky-navLake Green Three Sections
PClake-green-three-sectionsLanding Radial
PClanding-radial凸版压印 - 设计师名片与作品集 UI 示例
PCletterpress-debossLime Summer Bottom Tabs
PClime-summer-bottom-tabsLime Summer Card Block
PClime-summer-card-blockLime Summer Sidebar
PClime-summer-sidebarLime Summer Split Nav
PClime-summer-split-navLime Summer Sticky Nav
PClime-summer-sticky-navLime Summer Ticket Card
PClime-summer-ticket-cardLolita Stepper
PClolita-stepperLolita Sticky Nav
PClolita-sticky-navLolita Ticket Card
PClolita-ticket-cardMac OS Aqua - 媒体库管理 UI 示例
PCmac-aquaMaple Autumn Chat Bubbles
PCmaple-autumn-chat-bubblesMaple Autumn Two Columns
PCmaple-autumn-two-columns家庭温馨度
PCmaterial3临床医疗 - 住院患者信息系统 UI 示例
PCmedical-clinical工人力量
PCmemphisMetro Grid
PCmetro-grid苗绣纹样 - 非遗刺绣图谱 UI 示例
PCmiao-embroidery明式榫卯 - 木作工艺数据库 UI 示例
PCming-joineryMint Fresh Album Mosaic
PCmint-fresh-album-mosaic摩洛哥花砖 - 异域香料电商 UI 示例
PCmoroccan-zelligeClassic
PCneo-classic-card-collageGilded Frame
PCneo-classic-card-frameNeo Classic Nine Grid
PCneo-classic-nine-gridNeo Classic Sidebar
PCneo-classic-sidebarNeo Classic Ticket Clip
PCneo-classic-ticket-clip部署完成 · v2.6.1
PCneon-cyberpunkNeon Sign Album Mosaic
PCneon-sign-album-mosaicNeon Sign Badge Panel
PCneon-sign-badge-panelNeon Sign Compact Table
PCneon-sign-compact-tableNeon Sign Dense Table
PCneon-sign-dense-tableSoft
PCneumorphism-softNeumorphism
PCneumorphism木版年画 - 年货节主题商城 UI 示例
PCnewyear-printNordic Minimal Album Mosaic
PCnordic-minimal-album-mosaicNordic Minimal Card Block
PCnordic-minimal-card-blockNordic Minimal Stepper
PCnordic-minimal-stepperTri-fold
PCorigami-card-frameOrigami Compact Table
PCorigami-compact-tableOrigami Dense Table
PCorigami-dense-tableOrigami Form Dialog
PCorigami-form-dialogOrigami Receipt
PCorigami-receiptPaper Skeuo Album Mosaic
PCpaper-skeuo-album-mosaicPaper Skeuo Chat Bubbles
PCpaper-skeuo-chat-bubblesPaper Skeuo Dense Table
PCpaper-skeuo-dense-tablePaper Skeuo Nine Grid
PCpaper-skeuo-nine-grid民间剪纸 - 非遗艺术展陈 UI 示例
PCpapercut-folkPeacock Blue Progress Bar 2
PCpeacock-blue-progress-bar-2Peacock Blue Progress Bar
PCpeacock-blue-progress-barPeacock Blue Sidebar
PCpeacock-blue-sidebar波斯地毯 - 手工地毯选购 UI 示例
PCpersian-carpetPoster Grid Floating Actions
PCposter-grid-floating-actionsPoster Grid Split Nav
PCposter-grid-split-nav后现代柱式 - 建筑事务所服务报价 UI 示例
PCpostmodern-columnPricing Gradient
PCpricing-gradientProfile Avatar Ring
PCprofile-avatar-ringPunk Magenta Hero Banner
PCpunk-magenta-hero-bannerPunk Magenta Sidebar 2
PCpunk-magenta-sidebar-2Punk Magenta Sidebar
PCpunk-magenta-sidebarRetro Beige Media Card
PCretro-beige-media-cardRetro Beige Receipt
PCretro-beige-receiptRetro Beige Sticky Nav
PCretro-beige-sticky-navRetro Film Album Mosaic
PCretro-film-album-mosaicRetro Film Card Block
PCretro-film-card-blockCitizen Kane
PCretro-film-card-masonry大都会
PCretro-film-contrast-cardsRetro Pixel
PCretro-pixelPharaoh Throne
PCribbon-gradient-bottom-tabs茶道初学者
PCribbon-gradient-chat-bubblesRibbon Gradient Form Dialog
PCribbon-gradient-form-dialog北极光豪华观测体验
PCribbon-gradient-ticket-clip私人住宅设计
PCribbon-gradient-two-columnsRiso 套色印刷 - 独立出版物商店 UI 示例
PCrisograph-duotoneRococo Album Mosaic
PCrococo-album-mosaicThe Swing
PCrococo-card-masonryRococo Hero Banner
PCrococo-hero-bannerRococo Stat Grid
PCrococo-stat-gridRococo Timeline
PCrococo-timelineSakura Pink Compact Table 2
PCsakura-pink-compact-table-2Sakura Pink Compact Table
PCsakura-pink-compact-tableBloom Tracking
PCsakura-pink-sticky-navRose Collector
PCsmoky-pink-badge-panelRose Garden Dreams
PCsmoky-pink-card-blockSmoky Pink Compact Table
PCsmoky-pink-compact-tableSmoky Pink Dense Table
PCsmoky-pink-dense-tableEngagement Rate
PCsmoky-pink-stat-grid-2Smoky Pink Stat Grid
PCsmoky-pink-stat-gridDreamy Gradients
PCsmoky-pink-three-sectionsSnow White Nine Grid
PCsnow-white-nine-gridSnow White Stat Grid
PCsnow-white-stat-gridSnow White Sticky Nav
PCsnow-white-sticky-nav1.2.0 发布
PCsnow-white-timeline太阳朋克 - 社区能源与屋顶农场 UI 示例
PCsolarpunk-verdant宋代极简 - 茶室预约与茶单 UI 示例
PCsong-aestheticForest Awakening
PCspring-green-album-mosaicGrowth Expert
PCspring-green-badge-panelSpring Green Card Collage
PCspring-green-card-collageSpring Green Card Masonry
PCspring-green-card-masonryStarry Violet Compact Table
PCstarry-violet-compact-tableStarry Violet Hero Banner
PCstarry-violet-hero-bannerStarry Violet Split Nav
PCstarry-violet-split-nav项目管理
PCstone-gray-bottom-tabs拜占庭皇帝
PCstone-gray-chat-bubblesStone Gray Contrast Cards
PCstone-gray-contrast-cards黄金神庙发掘
PCstone-gray-floating-actionsStone Gray Hero Banner 2
PCstone-gray-hero-banner-2神经网络连接
PCstone-gray-hero-bannerStone Gray Sticky Nav
PCstone-gray-sticky-navStone Gray Three Sections
PCstone-gray-three-sections流线摩登 - 铁路时刻与订票 UI 示例
PCstreamline-moderne至上主义悬浮 - 现代艺术展览落地页 UI 示例
PCsuprematism-floatSwiss Minimal
PCswiss-minimal瑞士红版式 - 设计双年展主视觉 UI 示例
PCswiss-poster-redTable Compact Striped
PCtable-compact-stripedTable Dense Numeric
PCtable-dense-numericTech Blue Card Collage
PCtech-blue-card-collageNeural Network
PCtech-blue-card-frameTech Blue Chat Bubbles
PCtech-blue-chat-bubblesTech Blue Compact Table
PCtech-blue-compact-tableTech Blue Stat Grid
PCtech-blue-stat-grid量子计算体验
PCtech-blue-ticket-clip图文电视 - 车站到站信息屏 UI 示例
PCteletext-ceefax终端 TUI - 服务器运维控制台 UI 示例
PCterminal-tuiTerracotta Compact Table
PCterracotta-compact-tableTerracotta Receipt
PCterracotta-receipt水磨石斑点 - 共享办公空间预订 UI 示例
PCterrazzo-speck唐卡金线 - 藏地文化艺术展 UI 示例
PCthangka-gold交易终端 - 证券行情与下单 UI 示例
PCtrading-terminal轨交导视 - 地铁站内指引 UI 示例
PCtransit-signage石灰岩肌理 - 精品酒店房型展示 UI 示例
PCtravertine-stone浪间小舟
PCukiyo-eVaporwave
PCvaporwaveWabi Sabi Card Collage
PCwabi-sabi-card-collageWabi Sabi Contrast Cards 2
PCwabi-sabi-contrast-cards-2黄金时代几何基础
PCwabi-sabi-contrast-cardsWabi Sabi Form Dialog
PCwabi-sabi-form-dialogWabi Sabi Hero Banner
PCwabi-sabi-hero-bannerWabi Sabi Media Card
PCwabi-sabi-media-cardWabi Sabi Progress Bar
PCwabi-sabi-progress-barWabi Sabi Split Nav
PCwabi-sabi-split-navWabi Sabi Ticket Card
PCwabi-sabi-ticket-card里约顶级桑巴舞团演出
PCwabi-sabi-ticket-clip维也纳工坊 - 手工艺品选品商店 UI 示例
PCwiener-workshopWindows 98 - 复古工具箱 UI 示例
PCwin98-chrome水晶几何设计
PCwinter-silver-hero-bannerY2k Glossy Album Mosaic
PCy2k-glossy-album-mosaicY2k Glossy Card Masonry
PCy2k-glossy-card-masonryY2k Glossy Form Dialog 2
PCy2k-glossy-form-dialog-2Y2k Glossy Form Dialog
PCy2k-glossy-form-dialogY2k Glossy Progress Bar
PCy2k-glossy-progress-barY2k Glossy Receipt
PCy2k-glossy-receiptY2k Glossy Sticky Nav
PCy2k-glossy-sticky-nav留白与停顿
PCzen-minimalAI虚拟宠物陪伴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设计
移动端nordic-home田园农场管理APP - 移动端UI设计
移动端pastoral-farm强体教练 - AI私人健身教练
移动端premium-fitness-coach酒窖管家 - 专业酒类收藏管理
移动端premium-wine-cellar御膳私厨 - 私人厨师预订服务
移动端private-chef-booking网约车应用
移动端ride-sharing-app樱花社交APP - 移动端UI设计
移动端sakura-social简约聊天应用 - 移动端UI示例
移动端simple-chat智控之家 - 智能家居控制中心
移动端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 生成同风格的界面代码。