Effects & Transitions / Backgrounds

Hexagon Pattern

Hexagon tiling.

Magic UIBackgroundsmotion: static

Install

npx shadcn@latest add @tpc/hexagon-pattern

Reduced motion

Token: static

Default

Dashed

Linear gradient

Spacing