Powerful and customizable React informational page examples with a vertical sidebar navigation layout, built for modern products and web apps. These informational pages are built using React Aria and styled with Tailwind CSS.
Preview
Code
Trade history
View your team's trades and transactions.
All trades
58 tradesTrade | Order amount | Delivery date | Status | Executed by | Actions | |
|---|---|---|---|---|---|---|
TSLA BUY Tesla, Inc. | $30,021.23 | Jan 13, 2027 | processing |  Olivia Rhye olivia@proper.example | ||
MTCH SELL Match Group, Inc. | $10,045.00 | Jan 13, 2027 | success |  Phoenix Baker phoenix@proper.example | ||
DDOG BUY Datadog Inc. | $40,132.16 | Jan 13, 2027 | success |  Lana Steiner lana@proper.example | ||
ARKG BUY ARK Genomic Revolution ETF | $22,665.12 | Jan 13, 2027 | declined |  Demi Wilkinson demi@proper.example | ||
SQ BUY Square, Inc. | $18,221.30 | Jan 12, 2027 | success |  Candice Wu candice@proper.example | ||
MSTR SELL MicroStrategy Inc. | $24,118.18 | Jan 12, 2027 | success |  Natali Craig natali@proper.example |
Installation
CLI
Manual
npx @properui/cli@latest add informational-pagesInformational page examples
Informational 01 · Page example
Informational 04 · Page example
Informational 07 · Page example
Informational 10 · Page example
Informational 13 · Page example
Informational 16 · Page example
Informational 19 · Page example
Informational 02 · Page example
Informational 05 · Page example
Informational 08 · Page example
Informational 11 · Page example
Informational 14 · Page example
Informational 17 · Page example
Informational 03 · Page example
Informational 06 · Page example
Informational 09 · Page example
Informational 12 · Page example
Informational 15 · Page example
Informational 18 · Page example