An Abp Blazor Theme based Ant-Design-Blazor
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

2.0 KiB

Lsw.Abp.AntDesignUI

ABP Blazor UI theme and module set based on Ant Design Blazor.

NuGet NuGet

Features

Lsw.Abp.AntDesignUI provides an Ant Design Pro-style application shell for ABP Blazor applications.

  • Refactored application layout with side and top navigation.
  • Responsive sidebar behavior for desktop and mobile screens.
  • Light, menu-dark, and real-dark visual styles.
  • Runtime controls for content width, fixed header, fixed sidebar, split menus, and page regions.
  • Floating theme settings panel for authenticated users.
  • Admin-managed theme setting availability through ABP Setting Management.
  • AntDesign UI implementations for common ABP management modules.

Theme Settings

Authenticated users can open the settings panel from the right side of the application and change the layout without restarting the app.

The panel includes:

  • Page style selection.
  • Navigation mode selection.
  • Content width and fixed layout switches.
  • Header, footer, menu, and menu header visibility.
  • Weak color mode.

Administrators can choose which groups are visible from Administration -> Settings -> Theme settings management.

Screenshots

AntDesign theme home page

Advanced theme settings panel

Samples

Sample login:

  • Username: admin
  • Password: 1q2w3E*

Usage Guides