NgOpenwebUI

A lightweight, reusable Angular UI component library that brings accessible, responsive web UI controls to your Angular apps. ng-openwebui provides a set of well-documented components and utilities (modals, tooltips, form controls, buttons, layout helpers, etc.) built with Angular 20 and designed to be easy to drop into your project — with theming and accessibility in mind.

NgOpenwebUI is an angular based lightweight, reusable Angular UI component library that brings accessible, responsive web UI controls to your Angular apps. ng-openwebui provides a set of well-documented components and utilities (modals, tooltips, form controls, buttons, layout helpers, etc.) built with Angular 20 and designed to be easy to drop into your project — with theming and accessibility in mind.

Made with by Entangle Software Private Limited

Installation

npm i ng-openwebui

Usage

1. Register the NgOpenwebUI module into correct module (e.g app.module.ts)

   import { NgOpenwebUI } from 'ng-openwebui';

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { NgOpenwebUI, provideNgOpenwebUIConfig } from 'ng-openwebui';

const routes: Routes = [
  { path: '', component: NgOpenwebUI },
  { path: ':user_id', component: NgOpenwebUI },          // User chat without session
  { path: ':user_id/:session_id', component: NgOpenwebUI }, // Existing session
];

@NgModule({
  imports: [
    NgOpenwebUI,
    RouterModule.forChild(routes)
  ],
  providers: [
    provideNgOpenwebUIConfig({
      userId: '1',
      domain: 'http://localhost:8000'
    })
  ]
})
export class NgOpenwebUIWrapperModule {}

Hurray You are good to go !! 😋 😋

API

import { NgOpenwebUI } from 'ng-openwebui';

Technologies Used

ng-openwebui uses following tech to work properly:

• Angular 13 - HTML enhanced for web apps!
• scss - an extension to css

Development

Want to contribute? Great! You are welcome here !! Let's build together 🙂

git clone https://github.com/entanglesoftware-angular/ng-openwebui

Open your favorite Terminal and navigate to the project directory.

cd ng-openwebui

Start the project using following command.

ng serve

Open your favorite browser and hit the url.

http://localhost:4200/

Make a change in your file and instantaneously see your updates!!

License

MIT

🤝 Connect with us:

Want to stay tuned for latest updates or share feedbacks. Follow us at following:

💬 If you have any question/feedback, please do not hesitate to reach out to us at [email protected]

📈 GitHub Stats