UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin

Turn Inspiration Into Projects

Pick an inspiration. Generate a project.

Explore TemplatesStart a ProjectBrowse Prompt Skills
AllLandingDashboardWebGLMobileDesign System
Jack 3D Creator PortfolioResponsive / DarkDesign Rocket Certificates Email Landing PageResponsive / DarkKresna SaaS Footer ComponentResponsive / Marketing SiteDark Glowing Feature CardsDark / MotionDigital Epoch Video Hero and Logo MarqueeResponsive / MotionCore Features Gradient CardsResponsive / Design SystemJack 3D Creator PortfolioResponsive / DarkDesign Rocket Certificates Email Landing PageResponsive / DarkKresna SaaS Footer ComponentResponsive / Marketing SiteDark Glowing Feature CardsDark / MotionDigital Epoch Video Hero and Logo MarqueeResponsive / MotionCore Features Gradient CardsResponsive / Design System

Community Inspiration Wall

Get inspired by community projects.

Jack 3D Creator PortfolioResponsive / DarkDesign Rocket Certificates Email Landing PageResponsive / DarkKresna SaaS Footer ComponentResponsive / Marketing SiteDark Glowing Feature CardsDark / MotionDigital Epoch Video Hero and Logo MarqueeResponsive / MotionJack 3D Creator PortfolioResponsive / DarkDesign Rocket Certificates Email Landing PageResponsive / DarkKresna SaaS Footer ComponentResponsive / Marketing Site

What We Do

Workflow Showcase

Template LibraryOpen Templates
Jack 3D Creator PortfolioA dark 3D creator portfolio landing page with massive gradient hero type, central portrait, two-row project marquee, About, Services, and sticky project cards.Design Rocket Certificates Email Landing PageAn email-style marketing landing page for the Design Rocket Certificates AI leadership course with video hero, course steps, AI transformation roadmap, lime CTA, and dark footer.Kresna SaaS Footer ComponentA two-card footer component for Kresna sales automation SaaS with a video brand card, social icons, navigation links, subscribe form, lucky badge, and oversized faded wordmark.Dark Glowing Feature CardsA dark high-contrast feature card section with three rounded cards, blurred glow layers, and gradient borders for Hardware, Studio, and Motion.

Start your first project

01

Choose a Template

Pick a page you like and use it as the starting point.

02

Inspect Skill + DESIGN.md

Inspect its design notes and reusable prompts.

03

Generate or Remix

Let the Agent generate the page, then keep editing.

Start a ProjectBrowse templates first
UI DESIGN LAB

Templates, Prompt Skills, DESIGN.md, and Agent workflow connected for faster UI work.

DESIGN.md
ProductTemplatesPrompt SkillsDESIGN.mdWorkflowMy Projects
ResourcesHow to UseHelp CenterUpdatesComponentsDesign Systems
CommunityCommunity WorkFeaturedDiscussionsEventsContribute
CompanyAboutContactPrivacyTermsAPI
Dark Glowing Feature CardsDark / Motion
Digital Epoch Video Hero and Logo MarqueeResponsive / Motion
Core Features Gradient CardsResponsive / Design SystemSmart Prosthetics Video HeroResponsive / MotionMobile Banking AppFinance / Mobile AppNeuroSync Cognitive HeroDark / MotionLumina Brand IdentityDark / Design SystemCore Features Gradient CardsResponsive / Design SystemSmart Prosthetics Video HeroResponsive / MotionMobile Banking AppFinance / Mobile AppNeuroSync Cognitive HeroDark / MotionLumina Brand IdentityDark / Design System
Apex Compliance SystemWeb App / CleanMatrix Framework InterfaceDesign System / Web AppSignal OS Creative Ops DashboardDesign System / MotionFrame Index Landing PageDesign System / LandingJack 3D Creator PortfolioResponsive / DarkApex Compliance SystemWeb App / CleanMatrix Framework InterfaceDesign System / Web AppSignal OS Creative Ops DashboardDesign System / MotionFrame Index Landing PageDesign System / LandingJack 3D Creator PortfolioResponsive / Dark
More Community Work