ExampleReactregistry:example

Hexagon Pattern Linear Gradient

hexagon-pattern-linear-gradient

Example showing a hexagon pattern with linear gradient effects.

Demonstrates hexagon-pattern

@magicui Registry JSON

This item declares no source files.

Install

$

npx shadcn@latest add @magicui/hexagon-pattern-linear-gradient

Needs @magicui in your components.json registries — switch to URL if it doesn't resolve.

Registry: @magicui
Kind: Example
Framework: React
Files: 0 · 538 B
Preview: Unavailable

Registry dependencies

hexagon-pattern@magicui

This item belongs to @magicui. Registry Index indexes and previews it; check the registry's license before use.

@magicui

More from @magicui

Animated Beam Demo

Animated Beam Demo

Animated Beam Multiple Outputs

Animated Beam Multiple Outputs

Animated Circular Progress Bar

Animated Circular Progress Bar

Animated Gradient Text Demo

Animated Gradient Text Demo

Animated Grid Pattern Demo

Animated Grid Pattern Demo

Particles Demo

Animated List Demo

Animated List Demo

Animated Theme Toggler Demo

Animated Theme Toggler Demo