ComponentReactregistry:ui

Dot Pattern

dot-pattern

A background dot pattern made with SVGs, fully customizable using Tailwind CSS.

This item declares no source files.

Install

npx shadcn@latest add @magicui/dot-pattern

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

Registry: @magicui
Kind: Component
Framework: React
Files: 0 · 4.2 KB
Preview: Unavailable

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

3 examples

See it in use

Dot Pattern Linear Gradient

m@magicui

Example

No preview

Dot Pattern with glow effect

m@magicui

Example

Used by 3 items

Built on Dot Pattern

Other @magicui items that list this one as a dependency.

Dot Pattern Linear Gradient

m@magicui

Example

No preview

Dot Pattern with glow effect

m@magicui

Example

@magicui

More from @magicui

Animated Beam Multiple Outputs

m@magicui

Example

Animated Circular Progress Bar

m@magicui

Component

Animated Gradient Text Demo

m@magicui

Example

Animated Grid Pattern Demo