Playground

Adjust the three axes on a dashboard-style page. This page's script only sets and removes attributes: all the rendering comes from charpente's CSS. Use the theme switcher in the header to toggle dark mode.

Settings

Motions

• shimmer
• pulse
• glitch
• rebond

Delay:

120 ms

Stagger :

60 ms

StateShow content

Applied attributes

Dashboard

Export

Revenue

$48,210

Orders

1,204

Average basket

$40.05

Sales over 12 months

Recent orders

No.	Customer	Total	Status
1001	Lumière Workshop	$1,240.00	Paid
1002	Verdier House	$389.90	Pending
1003	Peony Studio	$2,075.50	Paid
1004	Harbor Café	$96.00	Refunded

Filters

Customer Late onlyApply

Spiral notebookRecycled paperAdd

Blue fountain penFine nibAdd

Desk lampWarm LEDAdd