AlemdarLabs.FormDesigner
A form designer app for testing power of Blazor. You can easily drag and drop widgets and change their properties to make an eligible form. This is a great sample to learn how recursive components works on Blazor.
Install / Use
/learn @eyupalemdar/AlemdarLabs.FormDesignerREADME
AlemdarLabs.FormDesigner
This is a sample Blazor application inspired by Geneu - Form Designer. You can build a form by drag and drop widgets and change their properties.
The sample has both Blazor Server and WebAssembly solutions and both of them are sharing same code library.
Demo
You can checkout live demo!
Prerequisites
Don't know what Blazor is? You can learn it from the official documents.
- Install the latest .Net Core SDK for Blazor release which you can read about here: Blazor WebAssembly 3.2.0 now available.
- Install the latest Visual Studio or Visual Code with the ASP.NET Core and web development workload selected.
What this sample has:
This is a great sample which has a lot of Blazor + ASP.NET Core integrations such as:
- Code Sharing
- Drag and Drop
- Loading Screen
- Recursive Components
- Data integration/sync
- JavaScript interop
- Blazor Components
- Test with bUnit library
- Progressive Web App (PWA)
License
This project is licensed under the terms of the MIT license.
Related Skills
node-connect
354.5kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
112.4kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
354.5kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
354.5kQQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。
