UI Plusify 🌟

July 14, 2025 · View on GitHub

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! 🚀