{"id":29579268,"url":"https://github.com/bhaimicrosoft/angular-superui","last_synced_at":"2025-07-21T18:02:01.381Z","repository":{"id":304798696,"uuid":"1020019263","full_name":"bhaimicrosoft/angular-superui","owner":"bhaimicrosoft","description":null,"archived":false,"fork":false,"pushed_at":"2025-07-15T16:42:33.000Z","size":394,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-15T18:21:40.235Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/bhaimicrosoft.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"ROADMAP.md","authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-15T08:09:53.000Z","updated_at":"2025-07-15T16:41:49.000Z","dependencies_parsed_at":"2025-07-15T19:13:49.706Z","dependency_job_id":"cd50da53-73e5-4250-9e3f-2d5e34adbcbb","html_url":"https://github.com/bhaimicrosoft/angular-superui","commit_stats":null,"previous_names":["bhaimicrosoft/angular-superui"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/bhaimicrosoft/angular-superui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhaimicrosoft%2Fangular-superui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhaimicrosoft%2Fangular-superui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhaimicrosoft%2Fangular-superui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhaimicrosoft%2Fangular-superui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bhaimicrosoft","download_url":"https://codeload.github.com/bhaimicrosoft/angular-superui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhaimicrosoft%2Fangular-superui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265692019,"owners_count":23812181,"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","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-07-19T16:13:46.004Z","updated_at":"2025-07-20T17:02:18.992Z","avatar_url":"https://github.com/bhaimicrosoft.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\r\n\r\n# 🎨 Angular SuperUI v1.0.4\r\n\r\n\u003c/div\u003e\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n\r\n### 🌟 **[🚀 LIVE DEMO - See All Components in Action!](https://angular-superui.vercel.app/)** 🌟\r\n\r\n**✨ Interactive Showcase • 16 Components • Dark Mode • Mobile Responsive ✨**\r\n\r\n[![🎯 View Live Demo](https://img.shields.io/badge/🎯-View%20Live%20Demo-FF6B6B?style=for-the-badge\u0026logo=vercel\u0026logoColor=white\u0026labelColor=000000)](https://angular-superui.vercel.app/)\r\n[![🎮 Interactive Demo](https://img.shields.io/badge/🎮-Interactive%20Demo-4ECDC4?style=for-the-badge\u0026logo=angular\u0026logoColor=white\u0026labelColor=000000)](https://angular-superui.vercel.app/)\r\n[![📱 Mobile Ready](https://img.shields.io/badge/📱-Mobile%20Ready-45B7D1?style=for-the-badge\u0026logo=mobile\u0026logoColor=white\u0026labelColor=000000)](https://angular-superui.vercel.app/)\r\n\r\n\u003c/div\u003e\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n\r\n### ☕ Support This Project\r\n[![Buy Me A Coffee](https://img.shields.io/badge/☕-Buy%20Me%20A%20Coffee-orange?style=for-the-badge\u0026logo=buy-me-a-coffee\u0026logoColor=white)](https://coff.ee/bhaikaju)\r\n\r\n\u003c/div\u003e\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n  \u003ch3\u003e🚀 The Modern Angular UI Component Library\u003c/h3\u003e\r\n  \u003cp\u003e\u003cstrong\u003eBeautiful • Accessible • Local-First • Zero Dependencies\u003c/strong\u003e\u003c/p\u003e\r\n  \r\n  ![Angular SuperUI](https://img.shields.io/badge/16%20Components-Ready%20to%20Use-brightgreen?style=flat-square)\r\n  ![Tailwind CSS v4](https://img.shields.io/badge/Tailwind%20CSS-v4-blue?style=flat-square)\r\n  ![TypeScript](https://img.shields.io/badge/100%25-TypeScript-blue?style=flat-square)\r\n\u003c/div\u003e\r\n\r\n---\r\n\r\n## ✨ What is Angular SuperUI?\r\n\r\nAngular SuperUI is a **modern, beautiful, and accessible** Angular UI component library that revolutionizes how you build Angular applications. Built with **Tailwind CSS v4** and **TypeScript**, it provides a comprehensive set of reusable components with **local-first architecture**.\r\n\r\n### 🎯 **Why Choose Angular SuperUI?**\r\n\r\n🔥 **Local-First Architecture** - No NPM dependencies, components live in your project  \r\n⚡ **Smaller Bundles** - Only install what you need  \r\n🎨 **Beautiful Components** - Modern design system with dark mode support  \r\n🛠️ **CLI-Powered** - Effortless installation and management  \r\n📱 **Fully Responsive** - Works perfectly on all devices  \r\n♿ **Accessibility First** - ARIA compliant and keyboard friendly  \r\n🎭 **Themeable** - Customize colors, spacing, and appearance  \r\n🚀 **Angular 17+** - Built for modern Angular with signals support  \r\n\r\n---\r\n\r\n## 🚀 Quick Start\r\n\r\n### 🌟 **First, Check Out Our Live Demo!** 🌟\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n\r\n**🎮 [Experience Angular SuperUI Live](https://angular-superui.vercel.app/) 🎮**\r\n\r\n[![Live Demo](https://img.shields.io/badge/🚀-LIVE%20DEMO-FF6B6B?style=for-the-badge\u0026labelColor=000000\u0026logo=vercel\u0026logoColor=white)](https://angular-superui.vercel.app/)\r\n\r\n*See all 16 components in action with dark mode, mobile responsiveness, and interactive examples!*\r\n\r\n\u003c/div\u003e\r\n\r\n---\r\n\r\n### 1️⃣ Install the CLI\r\n\r\n```bash\r\nnpm install -g ngsui-cli@1.0.4\r\n```\r\n\r\n### 2️⃣ Initialize Your Project\r\n\r\n```bash\r\nngsui-cli init\r\n```\r\n\r\n### 3️⃣ Add Components\r\n\r\n```bash\r\n# Add specific components\r\nngsui-cli add accordion alert avatar badge button card carousel checkbox collapsible theme-switcher\r\n\r\n# Add all components\r\nngsui-cli add --all\r\n\r\n# List available components\r\nngsui-cli list\r\n```\r\n\r\n### 4️⃣ Start Building\r\n\r\n```typescript\r\nimport { Component } from '@angular/core';\r\nimport { \r\n  Accordion, \r\n  AccordionItem, \r\n  AccordionTrigger, \r\n  AccordionContent \r\n} from '@lib/accordion';\r\nimport { \r\n  Alert, \r\n  AlertTitle, \r\n  AlertDescription, \r\n  AlertIcon \r\n} from '@lib/alert';\r\nimport { \r\n  AlertDialogComponent, \r\n  AlertDialogHeaderComponent, \r\n  AlertDialogFooterComponent, \r\n  AlertDialogTitleComponent, \r\n  AlertDialogDescriptionComponent, \r\n  AlertDialogActionComponent, \r\n  AlertDialogCancelComponent \r\n} from '@lib/alert-dialog';\r\nimport { AspectRatioComponent } from '@lib/aspect-ratio';\r\nimport { \r\n  Avatar, \r\n  AvatarImage, \r\n  AvatarFallback \r\n} from '@lib/avatar';\r\nimport { Badge } from '@lib/badge';\r\nimport { \r\n  BreadcrumbComponent,\r\n  BreadcrumbListComponent,\r\n  BreadcrumbItemComponent,\r\n  BreadcrumbLinkComponent,\r\n  BreadcrumbPageComponent,\r\n  BreadcrumbSeparatorComponent,\r\n  BreadcrumbEllipsisComponent\r\n} from '@lib/breadcrumb';\r\nimport { ButtonComponent } from '@lib/button';\r\nimport { CalendarComponent } from '@lib/calendar';\r\nimport { \r\n  CardComponent,\r\n  CardHeaderComponent,\r\n  CardTitleComponent,\r\n  CardDescriptionComponent,\r\n  CardContentComponent,\r\n  CardFooterComponent\r\n} from '@lib/card';\r\nimport { Carousel } from '@lib/carousel';\r\nimport { CheckboxComponent } from '@lib/checkbox';\r\nimport { ThemeSwitcher } from '@lib/theme-switcher';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [\r\n    Accordion, AccordionItem, AccordionTrigger, AccordionContent,\r\n    Alert, AlertTitle, AlertDescription, AlertIcon,\r\n    AlertDialogComponent, AlertDialogHeaderComponent, AlertDialogFooterComponent, \r\n    AlertDialogTitleComponent, AlertDialogDescriptionComponent, AlertDialogActionComponent, AlertDialogCancelComponent,\r\n    AspectRatioComponent,\r\n    Avatar, AvatarImage, AvatarFallback,\r\n    Badge,\r\n    BreadcrumbComponent, BreadcrumbListComponent, BreadcrumbItemComponent, \r\n    BreadcrumbLinkComponent, BreadcrumbPageComponent, BreadcrumbSeparatorComponent, BreadcrumbEllipsisComponent,\r\n    ButtonComponent,\r\n    CalendarComponent,\r\n    CardComponent, CardHeaderComponent, CardTitleComponent, \r\n    CardDescriptionComponent, CardContentComponent, CardFooterComponent,\r\n    Carousel,\r\n    CheckboxComponent,\r\n    ThemeSwitcher\r\n  ],\r\n  template: `\r\n    \u003c!-- Card Example --\u003e\r\n    \u003cCardComponent class=\"max-w-md mx-auto\"\u003e\r\n      \u003cCardHeaderComponent\u003e\r\n        \u003cdiv class=\"flex items-center gap-3 mb-4\"\u003e\r\n          \u003cAvatar\u003e\r\n            \u003cAvatarImage src=\"https://github.com/shadcn.png\" alt=\"User\" /\u003e\r\n            \u003cAvatarFallback\u003eJD\u003c/AvatarFallback\u003e\r\n          \u003c/Avatar\u003e\r\n          \u003cdiv\u003e\r\n            \u003cCardTitleComponent\u003eWelcome back!\u003c/CardTitleComponent\u003e\r\n            \u003cCardDescriptionComponent\u003eReady to build something amazing?\u003c/CardDescriptionComponent\u003e\r\n          \u003c/div\u003e\r\n        \u003c/div\u003e\r\n      \u003c/CardHeaderComponent\u003e\r\n      \r\n      \u003cCardContentComponent\u003e\r\n        \u003c!-- Button Examples --\u003e\r\n        \u003cdiv class=\"flex gap-2 mb-6\"\u003e\r\n          \u003cButtonComponent\u003eGet Started\u003c/ButtonComponent\u003e\r\n          \u003cButtonComponent variant=\"outline\"\u003eLearn More\u003c/ButtonComponent\u003e\r\n          \u003cButtonComponent variant=\"ghost\" size=\"sm\"\u003e\r\n            \u003cBadge variant=\"secondary\" class=\"mr-2\"\u003eNew\u003c/Badge\u003e\r\n            Features\r\n          \u003c/ButtonComponent\u003e\r\n        \u003c/div\u003e\r\n\r\n        \u003c!-- Alert Example --\u003e\r\n        \u003cAlert variant=\"success\" class=\"mb-6\"\u003e\r\n          \u003cAlertIcon\u003e\r\n            \u003csvg class=\"h-4 w-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"\u003e\r\n              \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" \r\n                    d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c/path\u003e\r\n            \u003c/svg\u003e\r\n          \u003c/AlertIcon\u003e\r\n      \u003cdiv class=\"flex-1\"\u003e\r\n        \u003cAlertTitle\u003eWelcome to Angular SuperUI! 🎉\u003c/AlertTitle\u003e\r\n        \u003cAlertDescription\u003e\r\n          You're ready to build amazing user interfaces.\r\n        \u003c/AlertDescription\u003e\r\n      \u003c/div\u003e\r\n    \u003c/Alert\u003e\r\n\r\n    \u003c!-- Accordion Example --\u003e\r\n    \u003cAccordion type=\"single\" [collapsible]=\"true\" class=\"w-full mt-6\"\u003e\r\n      \u003cAccordionItem value=\"item-1\"\u003e\r\n        \u003cAccordionTrigger\u003eGetting Started\u003c/AccordionTrigger\u003e\r\n        \u003cAccordionContent\u003e\r\n          Install components locally and start building immediately.\r\n        \u003c/AccordionContent\u003e\r\n      \u003c/AccordionItem\u003e\r\n    \u003c/Accordion\u003e\r\n  `\r\n})\r\nexport class AppComponent {}\r\n```\r\n\r\n---\r\n\r\n## 🧩 Available Components\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n\r\n### 🧩 **Component Showcase**\r\n\r\n\u003c/div\u003e\r\n\r\n| Component | Description | Status |\r\n|-----------|-------------|--------|\r\n| **🪗 [Accordion](./docs/components/accordion.md)** | Collapsible content sections with single or multiple modes | ✅ Available |\r\n| **🚨 [Alert](./docs/components/alert.md)** | Contextual feedback messages with 5 variants | ✅ Available |\r\n| **🚨 [AlertDialog](./docs/components/alert-dialog.md)** | Modal dialogs with full accessibility and focus management | ✅ Available |\r\n| **� [AspectRatio](./docs/components/aspect-ratio.md)** | Maintains consistent proportions for responsive content containers | ✅ Available |\r\n| **�👤 [Avatar](./docs/components/avatar.md)** | User profile image with automatic fallback support | ✅ Available |\r\n| **🏷️ [Badge](./docs/components/badge.md)** | Status indicators and labels with 4 variants | ✅ Available |\r\n| **🍞 [Breadcrumb](./docs/components/breadcrumb.md)** | Navigation breadcrumbs with accessibility and custom separators | ✅ Available |\r\n| **🔘 [Button](./docs/components/button.md)** | Interactive buttons with 9 variants and loading states | ✅ Available |\r\n| **📅 [Calendar](./docs/components/calendar.md)** | Date picker and calendar widget with month/year navigation | ✅ Available |\r\n| **� [Card](./docs/components/card.md)** | Flexible content container with header, content, and footer | ✅ Available |\r\n| **🎠 [Carousel](./docs/components/carousel.md)** | Accessible image carousel with auto-play, navigation, and pagination | ✅ Available |\r\n| **☑️ [Checkbox](./docs/components/checkbox.md)** | A control that allows the user to toggle between checked and not checked | ✅ Available |\r\n| **🗃️ [Collapsible](./docs/components/collapsible.md)** | Expandable content sections with smooth animations and keyboard support | ✅ Available |\r\n| **🔽 [ComboBox](./docs/components/combobox.md)** | Dropdown selection with search, multi-select, and loading states | ✅ Available |\r\n| **🖱️ [ContextMenu](./docs/components/context-menu.md)** | Right-click context menus with keyboard shortcuts and accessibility | ✅ Available |\r\n| **🌓 [ThemeSwitcher](./docs/components/theme-switcher.md)** | Toggle between light, dark, and system themes with localStorage persistence | ✅ Available |\r\n\r\n### 🚀 **Coming Soon**\r\n\r\n- Input\r\n- Select\r\n- And many more...\r\n\r\n---\r\n\r\n## 🎯 CLI Commands\r\n\r\n### 📋 List Available Components\r\n```bash\r\nngsui-cli list\r\n```\r\n\r\n### ➕ Add Components\r\n```bash\r\n# Add specific components\r\nngsui-cli add accordion alert card aspect-ratio\r\n```\r\n\r\n### ⚙️ Initialize Project\r\n```bash\r\n# Initialize with default settings\r\nngsui-cli init\r\n```\r\n\r\n---\r\n\r\n## 💫 Component Features\r\n\r\n### 🪗 **Accordion Component**\r\n- **Multiple Modes**: Single or multiple items open\r\n- **Accessibility**: Full WAI-ARIA compliance\r\n- **Keyboard Navigation**: Arrow keys, Home/End, Enter/Space\r\n- **Smooth Animations**: Tailwind CSS powered transitions\r\n- **Screen Reader Support**: Proper announcements and labeling\r\n\r\n### 🚨 **Alert Component**\r\n- **5 Variants**: Default, Destructive, Warning, Success, Info\r\n- **Flexible Layout**: Icon + Title + Description structure\r\n- **ARIA Live Regions**: Automatic screen reader announcements\r\n- **Tailwind CSS v4**: Modern utility-first styling\r\n- **Semantic Colors**: Built-in color schemes for each variant\r\n\r\n### 👤 **Avatar Component**\r\n- **5 Sizes**: From sm (32px) to 2xl (80px) with responsive scaling\r\n- **Smart Fallbacks**: Automatic fallback when images fail to load\r\n- **Loading Timeout**: 5-second timeout with graceful degradation\r\n- **Accessibility**: Proper ARIA labels and semantic roles\r\n- **Performance**: Lazy loading and optimized image handling\r\n\r\n### 🏷️ **Badge Component**\r\n- **4 Variants**: Default, Secondary, Destructive, Outline\r\n- **Smart ARIA Roles**: Automatic role assignment based on variant (alert/status/note)\r\n- **Interactive Links**: Optional link mode with keyboard accessibility\r\n- **Live Regions**: Dynamic content announcements for screen readers\r\n- **WCAG 2.1 AA**: Full accessibility compliance with semantic roles\r\n- **TypeScript**: Complete type safety with CVA variants\r\n\r\n### 🔘 **Button Component**\r\n- **9 Variants**: Default, Secondary, Destructive, Outline, Ghost, Link, Success, Warning, Info\r\n- **8 Size Options**: Including icon-specific sizes (sm to xl)\r\n- **Loading States**: Built-in spinner with custom loading text support\r\n- **Full Accessibility**: ARIA attributes, keyboard navigation, screen reader support\r\n- **Event Handling**: Click, keydown, focus, and blur events with TypeScript\r\n- **Smart Interactions**: Space/Enter key support and disabled state management\r\n\r\n### 🍞 **Breadcrumb Component**\r\n\r\n- **7 Sub-Components**: Breadcrumb, List, Item, Link, Page, Separator, Ellipsis\r\n- **Navigation Landmarks**: Semantic navigation with ARIA support\r\n- **Router Integration**: Full Angular RouterLink support with active states\r\n- **Custom Separators**: Flexible separator options (icon, text, custom)\r\n- **Collapsed Navigation**: Ellipsis support for long breadcrumb chains\r\n- **Accessibility**: WCAG 2.1 AA compliance with proper ARIA attributes\r\n- **Event Handling**: Click events with navigation data and TypeScript safety\r\n\r\n### 🚨 **AlertDialog Component**\r\n\r\n- **Modal Dialog System**: Full modal dialog with overlay and focus trapping\r\n- **7 Sub-Components**: AlertDialog, Header, Footer, Title, Description, Action, Cancel\r\n- **Full Accessibility**: WCAG 2.1 AA compliance with ARIA support\r\n- **Focus Management**: Automatic focus trapping and restoration\r\n- **Keyboard Navigation**: Escape to close, Tab navigation, Enter/Space actions\r\n- **Screen Reader Support**: Live region announcements and proper labeling\r\n- **Flexible Actions**: Multiple action buttons with variants (destructive, secondary, default)\r\n- **Prevent Close Options**: Configurable overlay click and escape key behavior\r\n\r\n---\r\n\r\n## 🛠️ What Makes Us Different?\r\n\r\n| Feature | Angular SuperUI | Traditional Libraries |\r\n|---------|-----------------|----------------------|\r\n| **Installation** | Local components via CLI | NPM package dependency |\r\n| **Bundle Size** | Only what you use | Full library in bundle |\r\n| **Customization** | Direct file editing | CSS overrides/themes |\r\n| **Dependencies** | Zero runtime dependencies | Package + peer dependencies |\r\n| **Updates** | Manual (full control) | Automatic (breaking changes) |\r\n| **TypeScript** | Perfect integration | Import/export complexity |\r\n\r\n---\r\n\r\n## 📖 Documentation\r\n\r\n- 📋 **[Installation Guide](./docs/installation.md)** - Complete setup instructions\r\n- 🪗 **[Accordion Examples](./docs/components/accordion.md)** - Interactive accordion usage\r\n- 🚨 **[Alert Examples](./docs/components/alert.md)** - Alert variants and styling\r\n- 👤 **[Avatar Examples](./docs/components/avatar.md)** - Avatar sizes and fallbacks\r\n- 🏷️ **[Badge Examples](./docs/components/badge.md)** - Badge variants and accessibility\r\n- 🍞 **[Breadcrumb Examples](./docs/components/breadcrumb.md)** - Navigation breadcrumbs and custom separators\r\n- 🔘 **[Button Examples](./docs/components/button.md)** - Button variants, loading states, and events\r\n- 🔧 **[CLI Reference](./packages/cli/README.md)** - All CLI commands and options\r\n\r\n---\r\n\r\n## 🤝 Contributing\r\n\r\nWe love contributions! Here's how you can help:\r\n\r\n1. 🍴 **Fork** the repository\r\n2. 🌿 **Create** your feature branch (`git checkout -b feature/amazing-feature`)\r\n3. 💍 **Commit** your changes (`git commit -m 'Add amazing feature'`)\r\n4. 📤 **Push** to the branch (`git push origin feature/amazing-feature`)\r\n5. 🎯 **Open** a Pull Request\r\n\r\n---\r\n\r\n## 📄 License\r\n\r\nThis project is licensed under the **MIT License** - see the [LICENSE](LICENSE) file for details.\r\n\r\n---\r\n\r\n## 🙏 Acknowledgments\r\n\r\n### 💝 Special Thanks\r\n\r\n**🎨 [Shadcn/UI](https://ui.shadcn.com/)** - For the incredible design system and component architecture that inspired Angular SuperUI. This project wouldn't exist without the amazing foundation laid by shadcn's work in the React ecosystem.\r\n\r\n**🌟 The Angular Team** - For building an amazing framework that makes component development a joy.\r\n\r\n**🎯 Tailwind CSS** - For the utility-first CSS framework that powers our design system.\r\n\r\n**💎 The Open Source Community** - For all the feedback, contributions, and support.\r\n\r\n---\r\n\r\n## 🔗 Resources\r\n\r\n- � **[🚀 LIVE DEMO](https://angular-superui.vercel.app/)** - **Interactive showcase of all 16 components**\r\n- �🌐 **[Official Website](https://github.com/bhaimicrosoft/angular-superui)**\r\n- 📦 **[NPM Package](https://www.npmjs.com/package/angular-superui)**\r\n- 🛠️ **[CLI Package](https://www.npmjs.com/package/ngsui-cli)**\r\n- 🐛 **[Issue Tracker](https://github.com/bhaimicrosoft/angular-superui/issues)**\r\n- 💬 **[Discussions](https://github.com/bhaimicrosoft/angular-superui/discussions)**\r\n\r\n---\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n\r\n### ☕ Enjoying Angular SuperUI?\r\n\r\n**[Buy me a coffee](https://coff.ee/bhaikaju)** to support continued development!\r\n\r\n---\r\n\r\n**Made with ❤️ by [Indranil Mukherjee](https://bhaikaju.com)**\r\n\r\n\u003c/div\u003e\r\n","funding_links":[],"categories":["Third Party Components"],"sub_categories":["UI Libraries built on Tailwind CSS"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbhaimicrosoft%2Fangular-superui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbhaimicrosoft%2Fangular-superui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbhaimicrosoft%2Fangular-superui/lists"}