Proper UI

Informational pages with header navigation

Powerful and customizable React informational page examples with a horizontal header navigation layout, built for modern products and web apps. These informational pages are built using React Aria and styled with Tailwind CSS.

Informational page with header navigation example

BoltStackBlitzv0
Proper
2

Trade history

View your team's trades and transactions.

All trades

58 trades
Trade
Order amount
Delivery date
Status
Executed by
Actions

TSLA BUY

Tesla, Inc.

$30,021.23Jan 13, 2026processing

Olivia Rhye

olivia@proper.example

MTCH SELL

Match Group, Inc.

$10,045.00Jan 13, 2026success

Phoenix Baker

phoenix@proper.example

DDOG BUY

Datadog Inc.

$40,132.16Jan 13, 2026success

Lana Steiner

lana@proper.example

ARKG BUY

ARK Genomic Revolution ETF

$22,665.12Jan 13, 2026declined

Demi Wilkinson

demi@proper.example

SQ BUY

Square, Inc.

$18,221.30Jan 12, 2026success

Candice Wu

candice@proper.example

MSTR SELL

MicroStrategy Inc.

$24,118.18Jan 12, 2026success

Natali Craig

natali@proper.example

Installation

npx properui@latest add informational-pages-02

Informational page with header navigation examples

Informational 01
Informational 01 · Page example
Informational 04
Informational 04 · Page example
Informational 07
Informational 07 · Page example
Informational 10
Informational 10 · Page example
Informational 13
Informational 13 · Page example
Informational 16
Informational 16 · Page example
Informational 19
Informational 19 · Page example
Informational 02
Informational 02 · Page example
Informational 05
Informational 05 · Page example
Informational 08
Informational 08 · Page example
Informational 11
Informational 11 · Page example
Informational 14
Informational 14 · Page example
Informational 17
Informational 17 · Page example
Informational 03
Informational 03 · Page example
Informational 06
Informational 06 · Page example
Informational 09
Informational 09 · Page example
Informational 12
Informational 12 · Page example
Informational 15
Informational 15 · Page example
Informational 18
Informational 18 · Page example