Dot grid

Create interactive grids that react to hover and press. All the examples are the same component with different settings. Note: this component uses WebGL. Learn the limitations.

Legal

Social

Account

Info

Legal

Social

Account

Info

Legal

Social

Account

Info

01

02

03

04

05

Control previewControl preview

Customize…

2

9

10

On

Off

Spring

120

Ease in out

120

Customize…

Smoothing

Magnetism

Preview

Appear

Exponent

Falloff

Hover area

State 2

State 1

Row

Gap

Offset

Percent

Row

4px

Control previewControl preview

Customize…

2

9

10

On

Off

Spring

120

Ease in out

120

Customize…

Smoothing

Magnetism

Preview

Appear

Exponent

Falloff

Hover area

State 2

State 1

Row

Gap

Offset

Percent

Row

4px

Control previewControl preview

Customize…

2

9

10

On

Off

Spring

120

Ease in out

120

Customize…

Smoothing

Magnetism

Preview

Appear

Exponent

Falloff

Hover area

State 2

State 1

Row

Gap

Offset

Percent

Row

4px