An open API service indexing awesome lists of open source software.

https://github.com/zyknow/zyknow.abp.fluentdesignui

Fluent Design UI Implementation for ABP Framework (Pure Blazor)
https://github.com/zyknow/zyknow.abp.fluentdesignui

abp blazor dotnet fluent-design theme web

Last synced: about 1 year ago
JSON representation

Fluent Design UI Implementation for ABP Framework (Pure Blazor)

Awesome Lists containing this project

README

          

# Zyknow.Abp.FluentDesignUI

---

## πŸ“– Introduction

**Fluent Design UI Implementation for ABP Framework (Pure Blazor)**

This project is developed on **.NET 9** and **ABP v9.x**, focusing on completely replacing ABP's original Blazor UI with
**[FluentBlazor](https://github.com/microsoft/fluentui-blazor)**. All default ABP UI components, layouts, and styles
have been reimplemented using FluentBlazor to provide a clean and modern Fluent Design experience.

Inspired by the work done in **[Lsw.Abp.AntDesignUI](https://github.com/realLiangshiwei/Lsw.Abp.AntDesignUI)**, this
implementation aims to enhance the user interface and user experience by leveraging the principles of Fluent Design. By
integrating FluentBlazor, the project ensures a seamless and visually appealing interface that aligns with contemporary
design standards, making it easier for developers to create responsive and engaging applications within the ABP
framework.

With this initiative, we aim to modernize the look and feel of ABP applications while providing developers with a robust
set of tools and components that are easy to use and customize, fostering a more efficient development process.

## ✨ Highlights

- βœ… **Fully Pure Blazor** implementation without `abp install-libs` (**Not MVC**).
- βœ… Comprehensive replacement of default ABP Blazor UI components.
- βœ… Modern and intuitive UI powered by **FluentBlazor**.

## πŸ“¦ Installation

*Coming soon...*

## πŸš€ Getting Started

*Coming soon...*

## πŸ—ΊοΈ Roadmap

- [x] Mobile Support
- [ ] Custom Pagination
- [ ] Multiple Tabs
- [ ] Publish NuGet Package
- [ ] ABP CMS FluentUI Theme Module
- [ ] ABP Docs FluentUI Theme Module
- [ ] Migration to FluentBlazor V5 (wait for V5 release)

## πŸ–ΌοΈ Screenshots

| Feature | Screenshot |
|------------------------|-------------------------------------------------------------|
| Login | ![Login](docs/images/login.png) |
| Toolbar Settings Panel | ![Toolbar Settings](docs/images/toolbar-settings-panel.png) |
| Tenants | ![Tenants](docs/images/tenants.png) |
| Roles | ![Roles](docs/images/roles.png) |
| Users | ![Users](docs/images/users.png) |
| Settings | ![Settings](docs/images/settings.png) |
| Profiles | ![Profiles](docs/images/profiles.png) |

## 🀝 Contributing

We welcome contributions! Please follow the guidelines below:

### Commit Message Guidelines

When contributing, please adhere to the following commit message conventions inspired by the [Angular Commit Message Guidelines](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular):

- **`feat`**: Add new features
- **`fix`**: Fix a bug or issue
- **`style`**: Code style changes that do not affect functionality
- **`perf`**: Optimization or performance improvements
- **`refactor`**: Code restructuring without changing functionality
- **`revert`**: Undo a previous commit
- **`test`**: Changes related to tests
- **`docs`**: Documentation updates or notes
- **`chore`**: Dependency updates or configuration changes
- **`workflow`**: Improvements to the workflow
- **`ci`**: Changes related to continuous integration
- **`types`**: Modifications to type definition files
- **`wip`**: Work in progress

Thank you for contributing!

## License

**[MIT license](LICENSE)**

Stay tuned for updates!