Infinite Contact Scroll
A looping contact sheet where each row's column gap breathes open and closed as it crosses the center line, while a pinned icon in the middle swaps to the next glyph every time a new row locks to center.
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
Address
19 Great Street
Current Time
20:40:30 (GMT)
General Inquiries
New Business Inquiries
Collaborations
Selective Connections
Job Inquiries
Telephone
+91 98 4022 2235
Social Media
@blank
npx shadcn@latest add @compronents/infinite-contact-scrollInstalls from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.
| Prop | Type | Default | Description |
|---|---|---|---|
| rows | { label: string; value: string }[] | 8 BLANK contact rows | The contact sheet entries, repeated for the loop. |
| icons | string[] | 7 BLANK-hosted PNGs | Glyphs cycled by the pinned center icon. |
| copies | number | 11 | Stacked copies of the sheet that feed the infinite loop. |
| embedded | boolean | true | Own the scroll container; set false to ride the window scroll. |
rowslinksLabel and value per contact row.
iconsasset-urlThe cycling center glyphs.
gsaplenis