Nextjs Starter
Starter code for your Nextjs Boilerplate with Tailwind CSS
General
Viewport
Media
UI
Forms
TW
Extra
Items

Example15 (w/ checkboxes)

Users

A list of all the users in your account including their name, title, email and role.

NameTitleEmailRoleEdit
Lindsay WaltonFront-end Developerlindsay.walton@example.comMemberEdit, Lindsay Walton
Courtney HenryDesignerCourtney.walton@example.comAdminEdit, Courtney Henry
Tom CookDirector, Product DevelopmentTom.walton@example.comOwnerEdit, Tom Cook
Whitney FrancisCopywriterWhitney.walton@example.comMemberEdit, Whitney Francis
Leonard KrasnerSenior DesignerLeonard.walton@example.comAdminEdit, Leonard Krasner
Floyd MilesPrincipal DesignerFloyd.walton@example.comMemberEdit, Floyd Miles

Example3

Users

A list of all the users in your account including their name, title, email and role.

NameTitleEmailRoleEdit
Lindsay WaltonFront-end Developerlindsay.walton@example.comMemberEdit, Lindsay Walton
Courtney HenryDesignerCourtney.walton@example.comAdminEdit, Courtney Henry
Tom CookDirector, Product DevelopmentTom.walton@example.comOwnerEdit, Tom Cook
Whitney FrancisCopywriterWhitney.walton@example.comMemberEdit, Whitney Francis
Leonard KrasnerSenior DesignerLeonard.walton@example.comAdminEdit, Leonard Krasner
Floyd MilesPrincipal DesignerFloyd.walton@example.comMemberEdit, Floyd Miles

Example4

Users

A list of all the users in your account including their name, title, email and role.

NameTitleEmailRoleEdit
Lindsay WaltonFront-end Developerlindsay.walton@example.comMemberEdit, Lindsay Walton
Courtney HenryDesignerCourtney.walton@example.comAdminEdit, Courtney Henry
Tom CookDirector, Product DevelopmentTom.walton@example.comOwnerEdit, Tom Cook
Whitney FrancisCopywriterWhitney.walton@example.comMemberEdit, Whitney Francis
Leonard KrasnerSenior DesignerLeonard.walton@example.comAdminEdit, Leonard Krasner
Floyd MilesPrincipal DesignerFloyd.walton@example.comMemberEdit, Floyd Miles

Example5

Users

A list of all the users in your account including their name, title, email and role.

NameTitleEmailRoleEdit
Lindsay WaltonFront-end Developerlindsay.walton@example.comMemberEdit, Lindsay Walton
Courtney HenryDesignerCourtney.walton@example.comAdminEdit, Courtney Henry
Tom CookDirector, Product DevelopmentTom.walton@example.comOwnerEdit, Tom Cook
Whitney FrancisCopywriterWhitney.walton@example.comMemberEdit, Whitney Francis
Leonard KrasnerSenior DesignerLeonard.walton@example.comAdminEdit, Leonard Krasner
Floyd MilesPrincipal DesignerFloyd.walton@example.comMemberEdit, Floyd Miles

Example6

Users

A list of all the users in your account including their name, title, email and role.

NameTitleEmailRoleEdit
Lindsay WaltonFront-end Developerlindsay.walton@example.comMemberEdit, Lindsay Walton
Courtney HenryDesignerCourtney.walton@example.comAdminEdit, Courtney Henry
Tom CookDirector, Product DevelopmentTom.walton@example.comOwnerEdit, Tom Cook
Whitney FrancisCopywriterWhitney.walton@example.comMemberEdit, Whitney Francis
Leonard KrasnerSenior DesignerLeonard.walton@example.comAdminEdit, Leonard Krasner
Floyd MilesPrincipal DesignerFloyd.walton@example.comMemberEdit, Floyd Miles

Example7 (stacked on mobile)

Users

A list of all the users in your account including their name, title, email and role.

NameRoleEdit
Lindsay Walton
Title
Front-end Developer
Email
lindsay.walton@example.com
MemberEdit, Lindsay Walton
Courtney Henry
Title
Designer
Email
Courtney.walton@example.com
AdminEdit, Courtney Henry
Tom Cook
Title
Director, Product Development
Email
Tom.walton@example.com
OwnerEdit, Tom Cook
Whitney Francis
Title
Copywriter
Email
Whitney.walton@example.com
MemberEdit, Whitney Francis
Leonard Krasner
Title
Senior Designer
Email
Leonard.walton@example.com
AdminEdit, Leonard Krasner
Floyd Miles
Title
Principal Designer
Email
Floyd.walton@example.com
MemberEdit, Floyd Miles

Example8

Users

A list of all the users in your account including their name, title, email and role.

NameTitleStatusRoleEdit
Lindsay Walton
lindsay.walton@example.com
Front-end Developer
ActiveMemberEdit, Lindsay Walton
Courtney Henry
Courtney.walton@example.com
Designer
ActiveAdminEdit, Courtney Henry
Tom Cook
Tom.walton@example.com
Director, Product Development
ActiveOwnerEdit, Tom Cook
Whitney Francis
Whitney.walton@example.com
Copywriter
ActiveMemberEdit, Whitney Francis
Leonard Krasner
Leonard.walton@example.com
Senior Designer
ActiveAdminEdit, Leonard Krasner
Floyd Miles
Floyd.walton@example.com
Principal Designer
ActiveMemberEdit, Floyd Miles

Example9

Users

A list of all the users in your account including their name, title, email and role.

NameRoleEdit
Lindsay WaltonMemberEdit, Lindsay Walton
Courtney HenryAdminEdit, Courtney Henry
Tom CookOwnerEdit, Tom Cook
Whitney FrancisMemberEdit, Whitney Francis
Leonard KrasnerAdminEdit, Leonard Krasner
Floyd MilesMemberEdit, Floyd Miles

Example10

Users

A list of all the users in your account including their name, title, email and role.

NameTitleEmailRole
Lindsay WaltonFront-end Developerlindsay.walton@example.comMember
Courtney HenryDesignerCourtney.walton@example.comAdmin
Tom CookDirector, Product DevelopmentTom.walton@example.comOwner
Whitney FrancisCopywriterWhitney.walton@example.comMember
Leonard KrasnerSenior DesignerLeonard.walton@example.comAdmin
Floyd MilesPrincipal DesignerFloyd.walton@example.comMember

Example11

Transactions

A table of placeholder stock market data that does not make any sense.

Transaction IDCompanyShareCommisionPriceQuantityNet amountEdit
AAPS0LChase & Co.CAC+$4.37$3,509.0012.00$4,397.00Edit, AAPS0L
O2KMNDAmazon.com Inc.AMZN+$4.37$3,509.0012.00$4,397.00Edit, O2KMND
1LP2P4Procter & GamblePG+$4.37$3,509.0012.00$4,397.00Edit, 1LP2P4
PS9FJGLBerkshire HathawayBRK+$4.37$3,509.0012.00$4,397.00Edit, PS9FJGL

Example12 (grouped rows)

Users

A list of all the users in your account including their name, title, email and role.

NameTitleEmailRoleEdit
London
Lindsay WaltonFront-end Developerlindsay.walton@example.comMemberEdit, Lindsay Walton
Courtney HenryDesignercourtney.henry@example.comAdminEdit, Courtney Henry
Edinburgh
Lindsay WaltonFront-end Developerlindsay.walton@example.comMemberEdit, Lindsay Walton
Courtney HenryDesignercourtney.henry@example.comAdminEdit, Courtney Henry
Tom CookDirector, Product DevelopmentTom.walton@example.comOwnerEdit, Tom Cook
Whitney FrancisCopywriterWhitney.walton@example.comMemberEdit, Whitney Francis
Leonard KrasnerSenior DesignerLeonard.walton@example.comAdminEdit, Leonard Krasner
Floyd MilesPrincipal DesignerFloyd.walton@example.comMemberEdit, Floyd Miles

Example13 (invoice)

Invoice

For work completed from to .

ProjectPrice
New Advertising Campaign
12.0 hours at $75.00
$900.00
Logo Redesign
12.0 hours at $275.00
$900.00
iOS and Android Apps
12.0 hours at 50.00
$900.00
Company Website
12.0 hours at 100.00
$900.00
Subtotal$3,900.00
Tax$585.00
Total$4,485.00

Example14

Plans

Your team is on the Startup plan. The next payment of $80 will be due on August 4, 2022.

PlanPriceSelect
Hobby
4 GB RAM / 4 CPUs128 GB SSD disk
$40/mo
Startup(Current Plan)
8 GB RAM / 6 CPUs256 GB SSD disk
$80/mo
Buisness(Current Plan)
16 GB RAM / 12 CPUs512 GB SSD disk
$120/mo
Enterprise(Current Plan)
64 GB RAM / 24 CPUs2 TB SSD disk
$180/mo

Example1

Order history

Check the status of recent orders, manage returns, and download invoices.

Recent orders

Order placed on

Date placed
Order number
WU88191111
Total amount
$238.00
View Invoicefor order WU88191111
Products
ProductInfo
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.
Machined Pen and Pencil Set
$70.00
View, Machined Pen and Pencil Set
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.
Machined Pen and Pencil Set
$70.00
View, Machined Pen and Pencil Set
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.
Machined Pen and Pencil Set
$70.00
View, Machined Pen and Pencil Set
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.
Machined Pen and Pencil Set
$70.00
View, Machined Pen and Pencil Set
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.
Machined Pen and Pencil Set
$70.00
View, Machined Pen and Pencil Set
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.
Machined Pen and Pencil Set
$70.00
View, Machined Pen and Pencil Set

Example2

Order history

Check the status of recent orders, manage returns, and download invoices.

Recent orders

Order placed on

Order number
WU88191111
Date placed
Total amount
$238.00
View OrderWU88191111View Invoicefor order WU88191111

Machined Pen and Pencil Set

$70.00

View Product
Buy Again
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.

Machined Pen and Pencil Set

$70.00

View Product
Buy Again
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.

Machined Pen and Pencil Set

$70.00

View Product
Buy Again
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.

Machined Pen and Pencil Set

$70.00

View Product
Buy Again
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.

Machined Pen and Pencil Set

$70.00

View Product
Buy Again
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.

Machined Pen and Pencil Set

$70.00

View Product
Buy Again
Detail of mechanical pencil tip with machined black steel shaft and chrome lead tip.
© Copyright 2023 Nextjs Starter.