np-ui-lib

Native Angular UI Components and Design Framework

NPM package manager

npm i np-ui-lib

List of components:

  1. Input Text
  2. Textarea
  3. Date Picker
  4. Time Picker
  5. Color Picker
  6. Switch
  7. Dropdown
  8. Auto Complete
  9. Tags
  10. Number Box
  11. File Upload
  12. Slider
  13. Checkbox
  14. Radio Button
  15. Rich Text
  16. Menubar
  17. Panel Menubar
  18. Breadcrumb
  19. Toolbar
  20. Data Grid
  21. Paginator
  22. Calendar
  23. Timeline
  24. Alert
  25. Notification
  26. Tooltip
  27. Popover
  28. Panel
  29. Accordion
  30. Tabs
  31. Steps
  32. Card
  33. Progress
  34. Loader
  35. BlockUi
  36. Carousel
  37. Modal
  38. Dialog
  39. Tree View
  40. List
  41. Virtual Scroll
  42. Sidepanel
  43. Masking
  44. Defer
  45. i18N
  46. Themes and Framework CSS
  47. Grid Layout, Padding and Margin
  48. Button and Button Group
  49. Badges
  50. Form

Modules to be pre-installed

"@angular/common": "^13.0.0",
"@angular/core": "^13.0.0",
"@angular/cdk": "^13.0.0",
"@angular/forms": "^13.0.0",
"@angular/router": "^13.0.0",
"rxjs": "^7.4.0"

Import css to your application

@import "[email protected]/cdk/overlay-prebuilt.css";
@import "np-ui-lib/styles/default-theme.scss";

Click here for full documentation

Click here for source code

Release Notes

How to Run this project?

Run below commands in sequence
$ ng build np-ui-lib --watch
$ npm run copy-assets
$ ng serve

License

This project is licensed under the MIT License.

Np UI Lib

Native Angular UI Components and Design Framework

Np UI Lib Info

⭐ Stars 11
🔗 Homepage np-ui-lib.github.io
🔗 Source Code github.com
🕒 Last Update 4 months ago
🕒 Created 2 years ago
🐞 Open Issues 0
➗ Star-Issue Ratio Infinity
😎 Author np-ui-lib