flutter_dash

Project Templates

Material Design 3 Template Showcase

A comprehensive set of core pages built with a system-default MD3 theme, prioritizing HTML and CSS for a clean, intuitive design, ready for deployment.

Quiz Application Templates

code_blocks

Quiz Landing Page

The main page for selecting a quiz language/topic (e.g., `landing.html`).

View →
tune

Quiz Setup Page

Form to select difficulty, topics, and number of questions (e.g., `setup.html`).

View →
chat_sparkle

Custom Quiz Chat

AI-style chat interface for user-prompted quiz generation (e.g., `custom_quiz_chat.html`).

View →
quiz

Quiz Player Page

The core quiz interface with progress bar and question/option display (e.g., `quiz.html`).

View →
fact_check

Quiz Results Page

Score summary and detailed answer review (e.g., `results.html`).

View →

E-Commerce Templates

store

Shop / Product Listing

Responsive grid layout for displaying multiple products (e.g., `shop.html`).

View →
inventory

Product Detail

Clean, two-column view for a single product with purchase actions (e.g., `product_detail.html`).

View →
shopping_cart

Shopping Cart

Two-column layout for item review and order summary (e.g., `cart.html`).

View →
receipt_long

Order History

List view of past and current orders using MD3 cards (e.g., `orders.html`).

View →

Authentication Templates

login

Login Page

Standard authentication page (e.g., `login.html`).

View →
person_add

Sign Up Page

User registration form (e.g., `signup.html`).

View →
lock_open

Forgot Password

Email request for recovery link (e.g., `forgot_password.html`).

View →
key

Reset Password

New password submission form (e.g., `reset_password.html`).

View →

Core & Utility Templates

dashboard

Dashboard Page

User home screen with metrics and actions (e.g., `dashboard.html`).

View →
settings

Settings Page

User preferences and account management (e.g., `settings.html`).

View →
list_alt

Data List Page

List view for displaying collections of items (e.g., `data_list.html`).

View →
error

404 Error Page

A graceful page to inform users when a resource is not found (e.g., `404.html`).

View →
info

About & Contact

Informational page with team details and a contact form (e.g., `about_contact.html`).

View →
web_asset

Base Structure

The core HTML and CSS base with system-default theming (e.g., `base.html`).

View →