@hachiy/cosev-ui

> Alpha / WIP: API and styles may change at any time; not stable yet.

Angular standalone UI kit built with DaisyUI/Tailwind and signals. Ships headless, slot-friendly components (forms, feedback, navigation) for Angular 20.

Install

Peer deps: @angular/common, @angular/core, lucide-angular, tslib.

``bash
pnpm add @hachiy/cosev-ui lucide-angular


or


npm install @hachiy/cosev-ui lucide-angular
`

Usage

Import components directly (standalone):

`typescript
import { Component } from '@angular/core';
import { ButtonComponent, AlertComponent } from '@hachiy/cosev-ui';

@Component({
selector: 'demo',
standalone: true,
imports: [ButtonComponent, AlertComponent],
template:
Hello from Cosev UI
Click me
,
})
export class DemoComponent {
onClick() {}
}
`

Highlights

- Standalone components using Angular signals and new control flow
- DaisyUI/Tailwind styling; minimal custom CSS
- Slot-friendly composition ( prefix/suffix/action areas)
- Typed inputs/outputs; domain types per component
- Includes form controls, feedback, navigation, layout

Components (sampling)

Buttons, Alerts, Badges, Cards, Tabs, Breadcrumbs, Dropdown, Tooltip, Modal, Toast, Input/Textarea/Checkbox/Radio/Toggle/Slider, Pagination, Progress (bar/circle), Skeleton, Avatar, Pill, File Upload, Smart Search, Event/Image/Stat cards, Toast container/service.

Theming

Uses DaisyUI themes. Set data-theme on /body` to switch palettes. Components rely on DaisyUI classes for colors and states.