Dastyaab — 87 template library
Every baseline template from the grey-structure document, built and cross-linked. Static HTML, CSS and vanilla JS only.
Customer frontend
38
F01 – F38
Admin backend
45
A01 – A45
Shared system
4
S01 – S04
Baseline total
87
all delivered
Customer frontend
38 templates · responsive, keyboard accessible
F01
Homepage
index.html
F02
Shop / All Products
shop.html
F03
Category Listing
category.html
F04
Subcategory Listing
subcategory.html
F05
Product Details
product-details.html
F06
Search Results
search-results.html
F07
Brand Listing
brands.html
F08
Brand Details
brand-details.html
F09
New Arrivals
new-arrivals.html
F10
Best Sellers
best-sellers.html
F11
Featured Products
featured-products.html
F12
Deals & Offers
deals.html
F13
Product Comparison
compare.html
F14
Wishlist
wishlist.html
F15
Shopping Cart
cart.html
F16
Checkout
checkout.html
F17
Shipping Information
shipping.html
F18
Payment Selection
payment.html
F19
Order Confirmation
order-success.html
F20
Order Failed
order-failed.html
F21
Customer Login
login.html
F22
Customer Registration
register.html
F23
Forgot Password
forgot-password.html
F24
Reset Password
reset-password.html
F25
OTP Verification
verify-otp.html
F26
Account Dashboard
account-dashboard.html
F27
My Profile
profile.html
F28
Address Book
addresses.html
F29
My Orders
my-orders.html
F30
Order Details
order-details.html
F31
Track Order
track-order.html
F32
Return / Refund Request
return-request.html
F33
Notifications
notifications.html
F34
Change Password
change-password.html
F35
About Us
about.html
F36
Contact Us
contact.html
F37
FAQ
faq.html
F38
Blog Listing
blog.html
Admin backend
45 templates · persistent sidebar shell
A01
Admin Login
admin/login.html
A02
Forgot Password
admin/forgot-password.html
A03
Reset Password
admin/reset-password.html
A04
Admin Dashboard
admin/dashboard.html
A05
Manage Categories
admin/categories.html
A06
Add / Edit Category
admin/category-form.html
A07
Manage Subcategories
admin/subcategories.html
A08
Manage Brands
admin/brands.html
A09
Add / Edit Brand
admin/brand-form.html
A10
Manage Products
admin/products.html
A11
Add / Edit Product
admin/product-form.html
A12
Product Variants
admin/product-variants.html
A13
Product Attributes
admin/attributes.html
A14
Product Inventory
admin/inventory.html
A15
Stock Adjustment
admin/stock-adjustment.html
A16
Manage Orders
admin/orders.html
A17
Order Details
admin/order-details.html
A18
Order Fulfillment
admin/order-fulfillment.html
A19
Return Requests
admin/returns.html
A20
Return Details
admin/return-details.html
A21
Refund Management
admin/refunds.html
A22
Manage Customers
admin/customers.html
A23
Customer Details
admin/customer-details.html
A24
Customer Groups
admin/customer-groups.html
A25
Payment Transactions
admin/payments.html
A26
Payment Details
admin/payment-details.html
A27
Payment Gateway Settings
admin/payment-settings.html
A28
Shipping Zones
admin/shipping-zones.html
A29
Shipping Methods & Rates
admin/shipping-methods.html
A30
Shipment Tracking
admin/shipments.html
A31
Manage Coupons
admin/coupons.html
A32
Add / Edit Coupon
admin/coupon-form.html
A33
Promotions & Campaigns
admin/campaigns.html
A34
Homepage Banners
admin/banners.html
A35
Manage Website Pages
admin/cms-pages.html
A36
Page Content Editor
admin/cms-editor.html
A37
Manage Blog Posts
admin/blog-posts.html
A38
Add / Edit Blog
admin/blog-editor.html
A39
Contact Inquiries
admin/inquiries.html
A40
Review Moderation
admin/reviews.html
A41
Reports Dashboard
admin/reports.html
A42
Sales Reports
admin/sales-reports.html
A43
Inventory Reports
admin/inventory-reports.html
A44
Admin Users & Roles
admin/admin-users.html
A45
General Website Settings
admin/settings.html
Shared system
4 templates
How this build works
- One shared stylesheet (assets/css/main.css) and one shared script (assets/js/main.js) power every page.
- Storefront and admin share the same design tokens — colour, type, spacing, radius.
- Dynamic templates represent many records from one file, matching the document's counting rules.
- Demo interactions (toasts, cart counter, tabs, validation) are simulated client-side; no backend is connected.