English | Español | Português | 日本語 | 简体中文 | 한국어 | Русский

Explore iOS UI patterns and live-edit design tokens (type, color, spacing, and surfaces) powered by GentleDesignSystem.

Features

• Showcase Gallery — Explore common iOS UI patterns with fast, pre-rendered previews (no rebuilds required)
• Design Editor — Live editing of design tokens including colors, typography, spacing, and surfaces (see changes instantly)
• Shareable Specs — Export typography previews as PDF and design tokens as JSON

Getting Started

# Install mise (if not already installed)
curl https://mise.run | sh

# Navigate to the project directory
cd GentleDesignShowcase

# Install Tuist (mise will use the version from mise.toml)
mise install

# Generate the Xcode project
tuist generate

Workflow

1. Browse the Showcase tab to see templates styled with the current design
2. Switch to the Design tab to customize colors, typography, and other tokens
3. Return to the Showcase tab - all previews automatically refresh to reflect your changes
4. Iterate on your design until you achieve the look you want

Included Templates

• Sign-In Flow: Login form with email/password fields and validation
• Charts & Stats: Data visualization with metrics and charts
• Storefront Grid: Product grid layout for e-commerce
• Onboarding Pager: Paginated onboarding experience
• Medical Intake Form: Complex multi-section form
• Profile Header: User profile with avatar and action buttons

💬 Join the discussion. Feedback and questions welcome

Requirements

• iOS 26.0+
• Xcode 26.0+
• Swift 6.1+

License

This project is licensed under the MIT License - see the LICENSE file for details.