{"id":31717853,"url":"https://github.com/lebocow/ngx-nova-ui","last_synced_at":"2025-10-09T02:07:52.749Z","repository":{"id":300060481,"uuid":"1005093789","full_name":"lebocow/ngx-nova-ui","owner":"lebocow","description":"Modern Angular 20 UI component library with signal-based architecture, standalone components, and CSS-first theming","archived":false,"fork":false,"pushed_at":"2025-09-29T16:54:56.000Z","size":929,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-29T18:40:52.943Z","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/lebocow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2025-06-19T16:51:57.000Z","updated_at":"2025-09-29T16:55:00.000Z","dependencies_parsed_at":"2025-06-19T17:57:53.381Z","dependency_job_id":null,"html_url":"https://github.com/lebocow/ngx-nova-ui","commit_stats":null,"previous_names":["lebocow/ngx-nova-ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lebocow/ngx-nova-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lebocow%2Fngx-nova-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lebocow%2Fngx-nova-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lebocow%2Fngx-nova-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lebocow%2Fngx-nova-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lebocow","download_url":"https://codeload.github.com/lebocow/ngx-nova-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lebocow%2Fngx-nova-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279000774,"owners_count":26082906,"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-10-09T02:00:07.460Z","response_time":59,"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-10-09T02:01:33.949Z","updated_at":"2025-10-09T02:07:52.744Z","avatar_url":"https://github.com/lebocow.png","language":"TypeScript","funding_links":[],"categories":["Third Party Components"],"sub_categories":["UI Libraries"],"readme":"# Nova UI - Modern Angular UI Library\n\nA modern Angular 20 UI component library built with signals, standalone components, and a CSS-first theming approach.\n\n## ✨ Features\n\n- 🎨 **CSS-First Theming** - Simple, customizable CSS variables\n- 🌙 **Dark Mode Support** - Built-in light and dark themes\n- 📦 **Tree-shakeable** - Import only what you need\n- 🔧 **Fully Typed** - Complete TypeScript support\n- ⚡ **Angular 20** - Built with latest Angular features and signals\n- 🚀 **Standalone Components** - No NgModules required\n- ⚙️ **Signal-based State** - Modern reactive patterns\n\n## 🚀 Quick Start\n\n### Installation\n\n```bash\nnpm install ngx-nova-ui\n```\n\n### Basic Setup\n\n1. Import the CSS in your `styles.css`:\n\n```css\n@import 'ngx-nova-ui/src/lib/styles/nova-ui.scss';\n```\n\n2. Import components as needed:\n\n```typescript\nimport { NovaButton } from 'ngx-nova-ui';\n\n@Component({\n  selector: 'app-root',\n  imports: [NovaButton],\n  template: `\u003cnova-button\u003eClick me\u003c/nova-button\u003e`,\n})\nexport class AppComponent {}\n```\n\n### Using Components\n\n```html\n\u003cnova-button variant=\"primary\" (clicked)=\"handleClick()\"\u003e Click me \u003c/nova-button\u003e\n```\n\n### Customizing Theme\n\nOverride CSS variables in your styles:\n\n```css\n:root {\n  --nova-primary: #4f46e5;\n  --nova-primary-foreground: #ffffff;\n  --nova-radius: 0.5rem;\n}\n\n/* Dark mode is applied automatically with .dark class */\n.dark {\n  --nova-background: #09090b;\n  --nova-foreground: #fafafa;\n}\n```\n\n## 📚 CSS Variables\n\nThe library provides a comprehensive set of CSS variables for colors, spacing, typography, and more. All variables use the `--nova-` prefix for easy identification.\n\n## 🛠️ Development\n\n### Development Server\n\n```bash\nng serve\n```\n\nNavigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.\n\n### Building the Library\n\n```bash\n# Build library only\nnpm run build\n\n# Build library\nnpm run build:all\n```\n\n### Running Tests\n\n```bash\n# Unit tests\nnpm test\n\n# Storybook\nnpm run storybook\n```\n\n## 🌙 Dark Mode\n\nUse the theme service to toggle dark mode:\n\n```typescript\nimport { NovaThemeService } from 'ngx-nova-ui';\n\nexport class AppComponent {\n  private themeService = inject(NovaThemeService);\n\n  toggleTheme() {\n    this.themeService.toggleMode();\n  }\n\n  setDarkMode() {\n    this.themeService.setMode('dark');\n  }\n}\n```\n\n## 🏗️ Project Structure\n\n```\nngx-nova-ui-workspace/\n├── projects/\n│   └── ngx-nova-ui/          # Library source\n│       ├── src/\n│       │   ├── lib/\n│       │   │   ├── components/   # UI components\n│       │   │   ├── services/     # Theme service\n│       │   │   └── styles/       # CSS with variables\n│       │   └── public-api.ts     # Public exports\n│       └── ng-package.json       # Library config\n└── .storybook/               # Storybook configuration\n```\n\n## 📦 Available Components\n\n- **NovaButton** - Button component with variants and sizes\n- More components coming soon!\n\n## 🤝 Contributing\n\nContributions are welcome! Please read our contributing guidelines before submitting PRs.\n\n## 📄 License\n\nMIT License - see LICENSE file for details\n\n## 🙏 Acknowledgments\n\nCSS variables approach inspired by modern CSS-first design systems.\n\n---\n\nBuilt with ❤️ using Angular 20\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flebocow%2Fngx-nova-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flebocow%2Fngx-nova-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flebocow%2Fngx-nova-ui/lists"}