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

https://github.com/newpanjing/flutter_admin

flutter admin web template
https://github.com/newpanjing/flutter_admin

admin admin-dashboard admin-live-panel flutter flutter-admin flutter-apps flutter-examples flutter-template flutter-web macos-app simpleui web-admin website

Last synced: about 2 months ago
JSON representation

flutter admin web template

Awesome Lists containing this project

README

          

# Flutter Admin Web Template

[δΈ­ζ–‡η‰ˆζœ¬ / Chinese Version](README_zh.md)

A Flutter web project with admin dashboard functionality and custom UI components.

## 🌐 Live Demo

**[View Live Demo](https://flutter-admin-phi.vercel.app/)**

## Preview Screenshots

### Login Page
![Login Page](previews/login.png)

### Dashboard
![Dashboard](previews/dashboard.png)

### Management Pages
![Management Pages](previews/page.png)

### System
![System Pages](previews/system.png)

## Features

- Modern web-based admin interface
- Custom dropdown components with floating labels
- Responsive design with dark theme (black + green)
- Dashboard with various management modules
- User, customer, product, and inventory management
- Financial management and VIP system

## Getting Started

This project is a starting point for a Flutter web application with admin capabilities.

### Prerequisites

- Flutter SDK (latest stable version)
- Web browser for testing

### Installation

1. Clone the repository
2. Run `flutter pub get` to install dependencies
3. Run `flutter run -d chrome` to start the web application

## Project Structure

- `lib/pages/` - Main application pages
- `lib/widgets/` - Custom UI components
- `lib/models/` - Data models
- `lib/theme/` - Application theming
- `lib/routes/` - Navigation routing

## Custom Components

- **CustomDropdown**: Advanced dropdown with floating labels, animations, and modern styling
- **DashboardCard**: Reusable dashboard widgets
- **ChartCard**: Data visualization components

For help getting started with Flutter development, view the
[online documentation](https://docs.flutter.dev/), which offers tutorials,
samples, guidance on mobile development, and a full API reference.