Examples

Practical examples and tutorials to help you learn TachUI's SwiftUI-inspired patterns.

Getting Started

• Quick Start Example - Your first TachUI component
• Counter App - Interactive state management
• Todo List - Complex state and CRUD operations

Real-World Applications

• Working Component Examples - 🆕 VERIFIED: Real examples with tested API patterns
• Component Concatenation Examples - 🔗 NEW: Practical examples of SwiftUI-style component composition patterns
• Validation Examples - 🔍 NEW: Comprehensive validation system usage, error handling, and debugging workflows
• Viewport Management Example - Multi-window document editor with WindowGroup and App components
• Advanced Viewport Example - 🆕 NEW: Advanced project manager with window grouping, pooling, and state sync
• HTML Content Rendering - 🔒 NEW: Secure HTML rendering examples with .asHTML() modifier, sanitization strategies, and real-world use cases
• Data Fetching - Async operations and loading states
• Component Examples - Comprehensive component showcase
• Gradient Examples - 🎨 NEW: Complete gradient patterns and use cases
• Glassmorphism Examples - 🌟 NEW: Backdrop filters, glass effects, and modern UI patterns
• Grid Patterns - 🔲 NEW: Advanced Grid layouts, responsive design, and real-world patterns
• SwiftUI Grid Comparison - 🔄 NEW: Direct SwiftUI to TachUI Grid migration examples
• Modifier Examples - Advanced styling patterns
• CSS Modifier Examples - Raw CSS, modern features, and future-proofing
• CSS Framework Examples - 🎨 NEW: Tailwind CSS, Bootstrap, and custom design system integration

Live Demos

These examples are available in the documentation:

• Forms Demo - Interactive forms and controls examples in the /guide/components/form.md documentation
• Navigation Demo - Stack and tab navigation examples in /guide/components/navigation-*.md files
• State Management Demo - Property wrappers and bindings in /guide/guide/state-management.md

Templates

Use these templates to bootstrap your TachUI projects:

# Basic template
tacho init my-app --template basic

# Full-featured template with all components
tacho init my-app --template full-featured

# Todo application template (coming soon)
tacho init my-app --template todo-app

Contributing Examples

Found a useful pattern or built something cool? We'd love to include your example!

1. Create your example following our example guidelines
2. Add comprehensive comments and documentation
3. Submit a pull request with your example

Next Steps

• Installation Guide - Set up TachUI in your project
• Developer Quick Start - Complete development workflow
• Component Guide - Learn all available components