Test pages

components/animations/* NeonSigns.tsx

FadeIn, FadeOut, ScrollReveal, Parallax, Carousel, Tilt, CountUp, TypeWriter, Pulse, FlipAny, InfiniteScroll, ScrollContainer, StaggerChildren, NeonSigns

components/animations/Tilt.tsx

Static · Pendulum · Sweep · Spin — 4 modes with RAF

multiple

All grouped on one page

components/buttons/Button.tsx

primary · secondary · danger · ghost · icon · sizes

components/buttons/CheckBox.tsx

checked · unchecked · disabled · with label

components/buttons/Disclosure.tsx DropDown.tsx

All directions, flow prop, animated panels

components/inputs/Inputs.tsx

default · outlined · ghost · error · success · hint

components/inputs/TextArea.tsx

variants · states · rows · resizable

context/ToastContext.tsx

success · warning · danger · info · default · duration

components/Tabs/Table.tsx

clickable rows · static · with Badge content

components/cards/Stat.tsx

CountUp animation · string values · icons

components/cards/KeyValueList.tsx

key/value pairs with rich ReactNode values

components/cards/CodeBlock.tsx

always-dark · language label · copy button

components/Skeleton.tsx

text · rect · circle — composite placeholder

components/cards/EmptyState.tsx

icon · title · description · action combinations

components/navBars/NavBar.tsx

horizontal · vertical · Brand · Group · Spacer · Separator

components/Images/Avatar.tsx

sm · md · lg · src image · fallback text

components/cards/Card.tsx

variants · hover effects · neon border

components/videos/*

VideoPlayer + all control sub-components

components/device/*

Phone / Desktop frame wrappers

shared/themes.ts types/themes.ts

3-layer palette — Couche 0 → Couche 1 → Couche 2 → Couche 3

app/linktree/page.tsx

Full page demo — Twitch streamer profile with all components

components/badges/Badges.tsx

All variants and sizes