UI Plusify 🌟

A modular library of components and directives for Angular, designed to enhance your UI development experience. 🚀

🚧 Project Status

Angular UI Plusify is in active development. It currently includes the Datetime Picker and the new Markdown Editor components — with plans to continue growing into a comprehensive UI toolkit for Angular developers.

Why Angular UI Plusify?

Each component is built for Angular 16+, designed with modularity, customization, and future compatibility in mind. For example:

• The Datetime Picker is a modern adaptation of @angular-material-components/datetime-picker, fully compatible with Angular Material 16+ and beyond.
• The Markdown Editor is built with Angular signals, fully customizable, and includes a smart toolbar and preview support using ngx-markdown.

---

🎯 Library Goals

• Modularity: Import only what you need.
• Compatibility: Built for Angular 16+ (up to 19+).
• Customization: Designed for flexible theming and component behavior.
• Scalability: Great for small apps or large enterprise projects.
• Future-proof: Continually updated to support Angular's latest features.

---

🛠️ Components

✅ Datetime Picker 📅

An advanced datetime picker based on Angular Material, supporting date, time, and combined selection.

Features:

• Angular Material integration
• Date, time, and datetime support
• Custom themes and formats
• Standalone component
• Future Angular compatibility

✅ Markdown Editor 📝

A powerful yet lightweight Markdown editor with a customizable toolbar, live preview, and support for KaTeX, clipboard, and syntax highlighting.

Features:

• Uses Angular Signals
• Toggleable live preview
• Toolbar with headings, lists, tables, links, images, code blocks, etc.
• Popover-based UI for inserting advanced blocks
• Customizable theme using CSS variables
• ngx-markdown powered rendering with support for KaTeX and clipboard
• Standalone component — easy to drop into any project

---

📦 Installation

npm install @plusify/ngx-markdown-editor

---

🌟 Get Involved

We welcome contributions! Feel free to:

• Open issues
• Submit PRs
• Share feedback

If you like this project, please support Angular UI Plusify by starring ⭐ the repository.

---

License

This project is licensed under the MIT License – see the LICENSE file for details.

Thanks for using Angular UI Plusify! 🚀