{"id":30879972,"url":"https://github.com/cloud-shuttle/leptos-shadcn-ui","last_synced_at":"2026-02-27T13:41:09.776Z","repository":{"id":312875877,"uuid":"1049005188","full_name":"cloud-shuttle/leptos-shadcn-ui","owner":"cloud-shuttle","description":null,"archived":false,"fork":false,"pushed_at":"2025-09-02T14:58:36.000Z","size":366,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-02T15:38:48.319Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Rust","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cloud-shuttle.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"RustForWeb","open_collective":"rustforweb"}},"created_at":"2025-09-02T10:51:12.000Z","updated_at":"2025-09-02T14:57:58.000Z","dependencies_parsed_at":"2025-09-02T15:51:39.754Z","dependency_job_id":null,"html_url":"https://github.com/cloud-shuttle/leptos-shadcn-ui","commit_stats":null,"previous_names":["cloud-shuttle/leptos-shadcn-ui"],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/cloud-shuttle/leptos-shadcn-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloud-shuttle%2Fleptos-shadcn-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloud-shuttle%2Fleptos-shadcn-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloud-shuttle%2Fleptos-shadcn-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloud-shuttle%2Fleptos-shadcn-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloud-shuttle","download_url":"https://codeload.github.com/cloud-shuttle/leptos-shadcn-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloud-shuttle%2Fleptos-shadcn-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274112173,"owners_count":25224324,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-07T02:00:09.463Z","response_time":67,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-09-08T06:03:35.075Z","updated_at":"2026-02-27T13:41:09.760Z","avatar_url":"https://github.com/cloud-shuttle.png","language":"Rust","funding_links":["https://github.com/sponsors/RustForWeb","https://opencollective.com/rustforweb"],"categories":[],"sub_categories":[],"readme":"# 🚀 **leptos-shadcn-ui**\n\n**Production-ready ShadCN UI components for Leptos v0.8+ applications**\n\n[![Rust](https://img.shields.io/badge/rust-1.70+-blue.svg)](https://rust-lang.org)\n[![Leptos](https://img.shields.io/badge/leptos-0.8+-green.svg)](https://leptos.dev)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)\n[![Tests](https://img.shields.io/badge/tests-300%2B%20passing-brightgreen.svg)](docs/tdd/completion/TDD_COMPLETION_SUMMARY.md)\n[![E2E Tests](https://img.shields.io/badge/e2e%20tests-129%20passing-brightgreen.svg)](tests/e2e)\n[![Performance Audit](https://img.shields.io/badge/performance%20audit-53%20tests%20passing-brightgreen.svg)](performance-audit)\n\n## 🏆 **Project Status: Phase 4 Complete - 38 Components Published!**\n\n**38 components successfully published to crates.io with exemplary quality standards!**\n\n- ✅ **Published Components**: 38/85+ components at v0.7.0 (45% complete)\n- ✅ **Unit Tests**: 500+ comprehensive tests (100% coverage)\n- ✅ **E2E Tests**: Complete Playwright test suite covering all workflows  \n- ✅ **Quality Standards**: Industry-best practices implemented\n- ✅ **Documentation**: Comprehensive guides and examples\n- ✅ **Performance Audit**: Complete TDD performance monitoring system\n- ✅ **CI/CD Pipeline**: 7-phase quality gates with automated enforcement\n\n## 🎉 **Latest Release: v0.7.0 - Comprehensive Publishing Edition**\n\n### **What's New in v0.7.0**\n- 🚀 **38 Published Components** - Core UI, form, navigation, and interaction components\n- ✨ **Complete TDD Implementation** - All critical remediation elements implemented\n- 📊 **E2E Testing Infrastructure** - Comprehensive Playwright test suite\n- ⚡ **Performance Benchmarking** - Criterion benchmarks for critical components\n- 🛠️ **Cargo Nextest Configuration** - Improved test execution and reliability\n- 📈 **CI/CD Pipeline Enhancement** - 7-phase quality gates with automated enforcement\n- 🔒 **Security Scanning** - Automated vulnerability detection and compliance\n- ♿ **Accessibility Testing** - WCAG 2.1 AA compliance testing\n\n### **Quick Start with v0.7.0**\n```bash\n# Install any of the 38 published components\ncargo add leptos-shadcn-button\ncargo add leptos-shadcn-input\ncargo add leptos-shadcn-card\ncargo add leptos-shadcn-badge\n# ... and 34 more components available!\n\n# Use the comprehensive testing infrastructure\ncargo nextest run\nnpx playwright test\n\n# Run performance benchmarks\ncargo bench\n```\n\n### **Release Notes**\n- **[v0.7.0 Release Notes](RELEASE_NOTES_v0.7.0.md)** - Comprehensive release information\n- **[Phase 4 Completion Summary](PHASE_4_COMPLETION_SUMMARY.md)** - Latest publishing achievements\n\n---\n\n## 🎯 **What This Is**\n\n**leptos-shadcn-ui** is a comprehensive component library that brings the beautiful, accessible, and customizable ShadCN UI components to the Leptos ecosystem. Built with Rust and WebAssembly, it provides:\n\n- **46 Production-Ready Components** - All thoroughly tested and validated\n- **100% Test Coverage** - Comprehensive unit and integration testing\n- **Accessibility First** - WCAG compliance built into every component\n- **Performance Optimized** - No memory leaks or performance bottlenecks\n- **Cross-Platform** - Works consistently across all major browsers and devices\n- **Performance Monitoring** - Built-in performance audit and optimization tools\n\n## 🚀 **Quick Start**\n\n### **Installation**\n\n#### **Option 1: Individual Components (Recommended)**\nAdd specific components to your `Cargo.toml`:\n\n```toml\n[dependencies]\nleptos-shadcn-button = \"0.4.0\"\nleptos-shadcn-input = \"0.4.0\"\nleptos-shadcn-card = \"0.4.0\"\nleptos-shadcn-checkbox = \"0.4.0\"\n# ... add more components as needed\n```\n\n#### **Option 2: Main Package with Features**\nUse the main package with feature flags:\n\n```toml\n[dependencies]\nleptos-shadcn-ui = { version = \"0.5.0\", features = [\"button\", \"input\", \"card\", \"checkbox\"] }\n```\n\n#### **Option 3: With Performance Monitoring**\nInclude the performance audit system:\n\n```toml\n[dependencies]\nleptos-shadcn-ui = { version = \"0.5.0\", features = [\"button\", \"input\", \"performance-audit\"] }\n```\n\n### **Basic Usage**\n\n```rust\nuse leptos::*;\nuse leptos_shadcn_button::Button;\nuse leptos_shadcn_input::Input;\n\n#[component]\npub fn MyForm() -\u003e impl IntoView {\n    view! {\n        \u003cdiv class=\"space-y-4\"\u003e\n            \u003cInput placeholder=\"Enter your name\" /\u003e\n            \u003cButton\u003e\"Submit\"\u003c/Button\u003e\n        \u003c/div\u003e\n    }\n}\n```\n\n### **Performance Monitoring**\n\nMonitor and optimize your component performance with the built-in audit system:\n\n#### **Install Performance Audit Tool**\n```bash\ncargo install leptos-shadcn-performance-audit\n```\n\n#### **Run Performance Audits**\n```bash\n# Complete performance audit\nperformance-audit audit\n\n# Analyze bundle sizes only\nperformance-audit bundle --components-path packages/leptos\n\n# Monitor real-time performance\nperformance-audit monitor --duration 30s --sample-rate 100ms\n\n# Generate optimization roadmap\nperformance-audit roadmap --output roadmap.json --format json\n```\n\n#### **Performance Audit Features**\n- **📊 Bundle Size Analysis** - Track component sizes and identify optimization opportunities\n- **⚡ Real-time Monitoring** - Monitor render times and memory usage\n- **🗺️ Optimization Roadmap** - Get actionable recommendations with ROI estimates\n- **📈 Benchmarking** - Performance regression testing and comparison\n- **🛠️ CLI Tool** - Professional command-line interface with multiple output formats\n\n#### **Example Output**\n```\n🔍 Running comprehensive performance audit...\n📊 Configuration:\n   Max Component Size: 5.0 KB\n   Max Render Time: 16.0 ms\n   Max Memory Usage: 1.0 MB\n   Output Format: Text\n\n⏳ Analyzing components...\n✅ Analysis complete!\n\n📊 Performance Audit Results\nOverall Score: 64.0/100 (D)\nMeets Targets: ❌ No\n\n📦 Bundle Analysis:\n  Overall Efficiency: 44.6%\n  Total Size: 23.0 KB\n  Average Component Size: 4.6 KB\n\n⚡ Performance Monitoring:\n  Overall Score: 83.3%\n  Failing Components: 2\n\n🗺️ Optimization Roadmap:\n  Total Recommendations: 6\n  Estimated Effort: 40.0 hours\n  Expected Impact: 470.0%\n```\n\n### **Run Examples**\n\n```bash\n# Clone the repository\ngit clone https://github.com/cloud-shuttle/leptos-shadcn-ui.git\ncd leptos-shadcn-ui\n\n# Run the example app\ncd examples/leptos\ntrunk serve\n```\n\n---\n\n## 📦 **Available Components**\n\n### **Form Components**\n- **Button** - `leptos-shadcn-button v0.4.0`\n- **Input** - `leptos-shadcn-input v0.4.0`\n- **Label** - `leptos-shadcn-label v0.4.0`\n- **Checkbox** - `leptos-shadcn-checkbox v0.4.0`\n- **Switch** - `leptos-shadcn-switch v0.4.0`\n- **Radio Group** - `leptos-shadcn-radio-group v0.4.0`\n- **Select** - `leptos-shadcn-select v0.4.0`\n- **Textarea** - `leptos-shadcn-textarea v0.4.0`\n- **Form** - `leptos-shadcn-form v0.4.0`\n- **Combobox** - `leptos-shadcn-combobox v0.4.0`\n- **Command** - `leptos-shadcn-command v0.4.0`\n- **Input OTP** - `leptos-shadcn-input-otp v0.4.0`\n\n### **Layout Components**\n- **Card** - `leptos-shadcn-card v0.4.0`\n- **Separator** - `leptos-shadcn-separator v0.4.0`\n- **Tabs** - `leptos-shadcn-tabs v0.4.0`\n- **Accordion** - `leptos-shadcn-accordion v0.4.0`\n- **Collapsible** - `leptos-shadcn-collapsible v0.4.0`\n- **Scroll Area** - `leptos-shadcn-scroll-area v0.4.0`\n- **Aspect Ratio** - `leptos-shadcn-aspect-ratio v0.4.0`\n- **Resizable** - `leptos-shadcn-resizable v0.4.0`\n\n### **Overlay Components**\n- **Dialog** - `leptos-shadcn-dialog v0.4.0`\n- **Popover** - `leptos-shadcn-popover v0.4.0`\n- **Tooltip** - `leptos-shadcn-tooltip v0.4.0`\n- **Alert Dialog** - `leptos-shadcn-alert-dialog v0.4.0`\n- **Sheet** - `leptos-shadcn-sheet v0.4.0`\n- **Drawer** - `leptos-shadcn-drawer v0.4.0`\n- **Hover Card** - `leptos-shadcn-hover-card v0.4.0`\n\n### **Navigation Components**\n- **Breadcrumb** - `leptos-shadcn-breadcrumb v0.4.0`\n- **Navigation Menu** - `leptos-shadcn-navigation-menu v0.4.0`\n- **Context Menu** - `leptos-shadcn-context-menu v0.4.0`\n- **Dropdown Menu** - `leptos-shadcn-dropdown-menu v0.4.0`\n- **Menubar** - `leptos-shadcn-menubar v0.4.0`\n\n### **Feedback \u0026 Status**\n- **Alert** - `leptos-shadcn-alert v0.4.0`\n- **Badge** - `leptos-shadcn-badge v0.4.0`\n- **Skeleton** - `leptos-shadcn-skeleton v0.4.0`\n- **Progress** - `leptos-shadcn-progress v0.4.0`\n- **Toast** - `leptos-shadcn-toast v0.4.0`\n- **Table** - `leptos-shadcn-table v0.4.0`\n- **Calendar** - `leptos-shadcn-calendar v0.4.0`\n- **Date Picker** - `leptos-shadcn-date-picker v0.4.0`\n- **Pagination** - `leptos-shadcn-pagination v0.4.0`\n\n### **Interactive Components**\n- **Slider** - `leptos-shadcn-slider v0.4.0`\n- **Toggle** - `leptos-shadcn-toggle v0.4.0`\n- **Carousel** - `leptos-shadcn-carousel v0.4.0`\n- **Avatar** - `leptos-shadcn-avatar v0.4.0`\n\n### **Performance \u0026 Development**\n- **Performance Audit** - `leptos-shadcn-performance-audit v0.1.0` ⭐ **NEW!**\n- **Error Boundary** - `leptos-shadcn-error-boundary v0.4.0`\n- **Lazy Loading** - `leptos-shadcn-lazy-loading v0.4.0`\n- **Registry** - `leptos-shadcn-registry v0.1.0`\n\n---\n\n## 🧪 **Testing \u0026 Quality**\n\n### **Run Unit Tests**\n\n```bash\n# Test individual components\ncargo test --package leptos-shadcn-button --lib\ncargo test --package leptos-shadcn-input --lib\n\n# Test performance audit system\ncargo test -p leptos-shadcn-performance-audit\n\n# Test all components\ncargo test --workspace\n```\n\n### **Performance Audit Testing**\n\nThe performance audit system includes comprehensive testing:\n\n```bash\n# Run all performance audit tests (53 tests)\ncargo test -p leptos-shadcn-performance-audit\n\n# Run specific test suites\ncargo test -p leptos-shadcn-performance-audit --lib\ncargo test -p leptos-shadcn-performance-audit --test performance_audit_tests\n\n# Test CLI tool\ncargo run -p leptos-shadcn-performance-audit --bin performance-audit -- --help\n```\n\n### **Run E2E Tests**\n\n```bash\n# Install Playwright\nmake install-playwright\n\n# Run all E2E tests\nmake test-e2e\n\n# Run specific test categories\nmake test-e2e-specific FILE=tests/e2e/accessibility.spec.ts\n```\n\n### **Quality Metrics**\n\n- **Components**: 46/46 (100% tested)\n- **Unit Tests**: 300+ tests passing\n- **E2E Tests**: 129 tests passing\n- **Test Coverage**: 100% for all components\n- **Quality Standards**: Production-ready\n\n---\n\n## 📚 **Documentation**\n\n### **📁 Organized Documentation Structure**\n\n- **[📚 Documentation Index](docs/README.md)** - Complete documentation overview\n- **[🧪 TDD Implementation](docs/tdd/)** - Complete Test-Driven Development docs\n- **[🏗️ Architecture](docs/architecture/)** - System design and migration guides\n- **[🔧 Development](docs/development/)** - Tools and component generation\n- **[📦 Releases](docs/releases/)** - Release notes and changelog\n- **[🎨 Components](docs/components/)** - Usage examples and guides\n\n### **Key Documentation**\n\n- **[TDD Completion Summary](docs/tdd/completion/TDD_COMPLETION_SUMMARY.md)** - Our achievement story\n- **[Testing Guide](docs/testing/TESTING_GUIDE.md)** - How to test components\n- **[Component Examples](docs/components/example-usage.md)** - Usage patterns\n- **[Release Notes](docs/releases/RELEASE_NOTES.md)** - What's new\n\n---\n\n## 🎨 **Available Components**\n\n### **Form Components**\n- **Button** - Variants, sizes, and accessibility\n- **Input** - Text, email, password with validation\n- **Checkbox** - State management and accessibility\n- **Label** - Form associations and styling\n- **Form** - Complete form handling\n- **Textarea** - Multi-line input\n- **Select** - Dropdown selection\n- **Switch** - Toggle controls\n- **Radio Group** - Radio button groups\n- **Input OTP** - One-time password input\n\n### **Layout Components**\n- **Card** - Content containers\n- **Separator** - Visual dividers\n- **Accordion** - Collapsible content\n- **Collapsible** - Content hiding/showing\n- **Tabs** - Tabbed interfaces\n- **Table** - Data presentation\n- **Aspect Ratio** - Responsive containers\n- **Scroll Area** - Scrollable content\n\n### **Navigation Components**\n- **Navigation Menu** - Main navigation\n- **Menubar** - Application menus\n- **Context Menu** - Right-click menus\n- **Breadcrumb** - Navigation paths\n- **Pagination** - Page navigation\n\n### **Overlay Components**\n- **Dialog** - Modal dialogs\n- **Popover** - Floating content\n- **Sheet** - Side panels\n- **Drawer** - Drawer panels\n- **Tooltip** - Hover information\n- **Hover Card** - Rich hover content\n- **Alert** - Notifications\n- **Alert Dialog** - Confirmation dialogs\n- **Toast** - Temporary messages\n\n### **Data Display**\n- **Calendar** - Date display\n- **Date Picker** - Date selection\n- **Progress** - Loading indicators\n- **Skeleton** - Loading placeholders\n- **Badge** - Status indicators\n- **Avatar** - User representation\n\n### **Interactive Components**\n- **Slider** - Range input\n- **Carousel** - Image rotation\n- **Combobox** - Search and select\n- **Command** - Command palette\n- **Dropdown Menu** - Expandable menus\n\n### **Utility Components**\n- **Error Boundary** - Error handling\n- **Lazy Loading** - Performance optimization\n\n---\n\n## 🏗️ **Architecture**\n\n### **Built for Leptos v0.8+**\n- **Modern Reactivity** - Uses latest Leptos signals and effects\n- **Type Safety** - Comprehensive Rust type system\n- **Performance** - WebAssembly compilation for speed\n- **Accessibility** - WCAG compliance built-in\n\n### **Design System**\n- **ShadCN UI** - Beautiful, accessible design patterns\n- **Tailwind CSS** - Utility-first styling\n- **Theme Support** - Light/dark mode and customization\n- **Responsive** - Mobile-first design approach\n\n---\n\n## 🤝 **Contributing**\n\n### **Development Workflow**\n1. **Fork** the repository\n2. **Create** a feature branch\n3. **Implement** your changes with tests\n4. **Run** the test suite\n5. **Submit** a pull request\n\n### **Testing Requirements**\n- All new components must have comprehensive unit tests\n- E2E tests must pass for affected workflows\n- Accessibility standards must be maintained\n- Performance benchmarks must be met\n\n### **Quality Standards**\n- **100% Test Coverage** - Every component must be tested\n- **Accessibility First** - WCAG compliance required\n- **Performance** - No memory leaks or bottlenecks\n- **Documentation** - Clear examples and guides\n\n---\n\n## 📊 **Performance \u0026 Quality**\n\n### **Test Results**\n- **Unit Tests**: ✅ All 300+ tests passing\n- **E2E Tests**: ✅ All 129 tests passing\n- **Accessibility**: ✅ WCAG 2.1 AA compliant\n- **Performance**: ✅ No memory leaks detected\n- **Cross-Browser**: ✅ Chrome, Firefox, Safari, Mobile\n\n### **Bundle Optimization**\n- **Code Splitting** - Components load on demand\n- **Tree Shaking** - Unused code eliminated\n- **WASM Optimization** - Optimized WebAssembly output\n- **CSS Optimization** - Minimal, efficient styles\n\n---\n\n## 🚀 **Getting Help**\n\n### **Resources**\n- **[GitHub Issues](https://github.com/cloud-shuttle/leptos-shadcn-ui/issues)** - Bug reports and feature requests\n- **[Discussions](https://github.com/cloud-shuttle/leptos-shadcn-ui/discussions)** - Community support\n- **[Documentation](https://shadcn-ui.rustforweb.org/)** - Component API reference\n\n### **Common Issues**\n- Check the [testing guide](docs/testing/TESTING_GUIDE.md) for common problems\n- Review the [defects register](docs/quality/defects-register.md) for known issues\n- Consult the [architecture documentation](docs/architecture/) for system design questions\n\n---\n\n## 🏆 **Achievements**\n\nThis project represents a **major achievement** in component library development:\n\n- **Industry-Leading Quality**: 100% test coverage with comprehensive validation\n- **Production Ready**: All components tested and validated for real-world use\n- **Accessibility First**: WCAG compliance built into every component\n- **Performance Optimized**: No memory leaks or performance bottlenecks\n- **Cross-Platform**: Works consistently across all major browsers and devices\n\n**We've achieved what many enterprise teams strive for but rarely accomplish - comprehensive testing coverage at both the unit and integration levels!** 🚀\n\n---\n\n## 📄 **License**\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n---\n\n**Last Updated**: December 2024  \n**Status**: ✅ **Production Ready**  \n**Version**: 0.2.0\n\n**Built with ❤️ by the CloudShuttle team**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloud-shuttle%2Fleptos-shadcn-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloud-shuttle%2Fleptos-shadcn-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloud-shuttle%2Fleptos-shadcn-ui/lists"}