MILESTONE 2025

Roadmap of NG-ZORRO in 2025

NG-ZORRO is a community-driven project, and we are always looking for contributors to help us improve the project. The following is a list of features that we are currently working on.

TL;DR: We are working on the following features in 2025:

• Sync with Ant Design's features
• AI components - Ant Design X of Angular #9444
• AI integration to improve UX&DX
• Sync with antd@>=5.0 styles

Sync with Ant Design's features

NG-ZORRO is based on Ant Design, and we are keeping it in sync with the latest version of Ant Design. The following is a list of features that we are not yet supported in NG-ZORRO, but are available in Ant Design. We will implement them in NG-ZORRO in the future.

If you are willing to implement any of these features, please reply with the feature name.

• new component: Tour #8112 #9324
• button
  • color & variant #9237
• float-button @WwwHhhYran
  • placement #9267
  • badge #9489
  • add showcase: tooltip
• typography
  • controlled ellipsis expand/collapse
  • ellipsis from middle
• divider
  • spacing size #9346
• flex
  • Flex Responsive
  • Use breakpoint
• layout
  • bug #7941
• space @HyperLife1119
  • add showcase Wrap #9289
• dropdown
  • Extra node
  • Arrow #5386
  • Selectable Menu
• menu
  • Sub-menu theme
• pagination @Nicoss54
  • Align #9433
• steps
  • Inline Steps
• tabs @Nicoss54
  • Indicator https://github.com/NG-ZORRO/ng-zorro-antd/pull/9704
• autocomplete
  • Variants
• cascader
  • ShowCheckedStrategy
  • Prefix and Suffix #9328
  • Custom dropdown #9751
• color-picker
  • Preset Colors #9252
• date-picker
  • preview on hover
  • Multiple
  • Need Confirm
  • Mask Format
  • Allow Empty for RangePicker
  • Customize Panel
  • External use panel
  • Popup Placement
  • Prefix and Suffix
• form
  • Form mix layout
  • Form variants (depends on all the data entry components supporting variant) @Nicoss54 https://github.com/NG-ZORRO/ng-zorro-antd/pull/9694
  • Required style @Nicoss54
  • Form size @Nicoss54
  • add showcases to align with antd
• input
  • Custom count logic #9645
  • Focus #9595
• input-number
  • High precision decimals
  • Wheel #9591
  • Focus #9595
• mention @Nicoss54
  • Variants #9379
  • With clear icon #9377
  • add showcase autoSize #9384
• select
  • Prefix and suffix #9328
  • Search with sort
• slider
  • Draggable track
  • Multiple handles
  • Dynamic edit nodes
• time-picker
  • Need Confirm
  • Change on scroll
  • Time Range Picker
  • Prefix and Suffix
• transfer
  • Pagination
• tree-select
  • Show Tree Line
  • Max Count
  • Prefix and Suffix #9328
• upload
  • Pictures with picture-circle type
  • Custom action icon and extra info
  • Customize Progress Bar
  • add showcases: Upload png file only, Max Count, Drag sorting of uploadList, Crop image before uploading
• avatar
  • Responsive Size #9801
• calendar
  • add showcases: Lunar Calendar
  • Show Week
• carousel
  • Arrows for switching #9355
  • Progress of dots
• collapse @Nicoss54
  • Size #9348
  • Collapsible trigger #9349
• descriptions
  • Row (span=filled)
• image
  • Preview from one image
  • Custom preview image
  • Custom toolbar render
  • Custom preview render
  • Nested preview
• list
  • Pagination Settings
• segmented @Nicoss54 @Laffery
  • Vertical Direction #9359
  • Round shape #9368
  • With name #9373
• table
  • selection #8823
  • Filter in Tree
  • Filter search
  • Customizable expansion position
  • Stack Fixed Columns
  • Hidden Columns
  • Ellipsis column custom tooltip
  • Custom empty
  • Pagination Settings
  • Fixed header and scroll bar with the page
  • add showcases: Order Specific Column, Drag Column sorting, Drag sorting with handler
• tag
  • add showcase: Draggable Tag
• tree
  • Block Node
• alert @Nicoss54
  • Loop Banner https://github.com/NG-ZORRO/ng-zorro-antd/pull/9697
• drawer
  • Extra Actions @Nicoss54 https://github.com/NG-ZORRO/ng-zorro-antd/pull/9696
  • Render in current dom
  • Customize className for build-in module
  • Loading
• message
  • Customized style
  • Update Message Content
• modal
  • Loading #9345
  • Customize footer buttons props
  • Customize className for build-in module
• notification
  • Stack
  • Show with progress
• progress
  • Responsive circular progress bar
  • Stroke Linecap
  • Circular progress bar with steps
  • Change progress value position
  • Progress size
• spin
  • Progress

Ant Design X of Angular

AI does change the game. Ant Design had released a new project called Ant Design X which is a set of AI components that can be used to build AI user interfaces.

We are now working on the primitive components first, and then we will publish the component library (called ng-zorro-x) to NPM for developers to use. After that the project will be open sourced and available for everyone to use and contribute :)

AI integration to improve UX&DX

For NG-ZORRO users, we are working on providing a llm.txt to help AI understand the features and usages of NG-ZORRO components better to generate better code.

For NG-ZORRO developers, we are exploring ways to simplify the development process with AI, such as using AI to generate boilerplate code, documentation, and tests, and make it easier to contribute even for the first time.

Sync with antd@>=5.0 styles

Since antd@5 had changed the styles to css-in-js, we cannot sync the styles to ng-zorro-antd automatically anymore as a result of the different styling approaches used in Angular and React.

We had to manually sync the styles, and we are working on figuring out a better way to do it.