Back to Components
Display

Virtual List

Windowed list for efficient rendering of long datasets.

Activity 1

Updated seconds ago

#1

Activity 2

Last touched today

#2

Activity 3

Needs review

#3

Activity 4

Updated seconds ago

#4

Activity 5

Last touched today

#5

Activity 6

Needs review

#6

Activity 7

Updated seconds ago

#7

Activity 8

Last touched today

#8

Activity 9

Needs review

#9

Activity 10

Updated seconds ago

#10

Activity 11

Last touched today

#11

Activity 12

Needs review

#12

Activity 13

Updated seconds ago

#13

Activity 14

Last touched today

#14

Activity 15

Needs review

#15

Activity 16

Updated seconds ago

#16

Activity 17

Last touched today

#17

Activity 18

Needs review

#18

Activity 19

Updated seconds ago

#19

Activity 20

Last touched today

#20

Activity 21

Needs review

#21

Activity 22

Updated seconds ago

#22

Activity 23

Last touched today

#23

Activity 24

Needs review

#24

Activity 25

Updated seconds ago

#25

Activity 26

Last touched today

#26

Activity 27

Needs review

#27

Activity 28

Updated seconds ago

#28

Activity 29

Last touched today

#29

Activity 30

Needs review

#30

Activity 31

Updated seconds ago

#31

Activity 32

Last touched today

#32

Activity 33

Needs review

#33

Activity 34

Updated seconds ago

#34

Activity 35

Last touched today

#35

Activity 36

Needs review

#36

Activity 37

Updated seconds ago

#37

Activity 38

Last touched today

#38

Activity 39

Needs review

#39

Activity 40

Updated seconds ago

#40

Activity 41

Last touched today

#41

Activity 42

Needs review

#42

Activity 43

Updated seconds ago

#43

Activity 44

Last touched today

#44

Activity 45

Needs review

#45

Activity 46

Updated seconds ago

#46

Activity 47

Last touched today

#47

Activity 48

Needs review

#48

Activity 49

Updated seconds ago

#49

Activity 50

Last touched today

#50

Activity 51

Needs review

#51

Activity 52

Updated seconds ago

#52

Activity 53

Last touched today

#53

Activity 54

Needs review

#54

Activity 55

Updated seconds ago

#55

Activity 56

Last touched today

#56

Activity 57

Needs review

#57

Activity 58

Updated seconds ago

#58

Activity 59

Last touched today

#59

Activity 60

Needs review

#60

Activity 61

Updated seconds ago

#61

Activity 62

Last touched today

#62

Activity 63

Needs review

#63

Activity 64

Updated seconds ago

#64

Activity 65

Last touched today

#65

Activity 66

Needs review

#66

Activity 67

Updated seconds ago

#67

Activity 68

Last touched today

#68

Activity 69

Needs review

#69

Activity 70

Updated seconds ago

#70

Activity 71

Last touched today

#71

Activity 72

Needs review

#72

Activity 73

Updated seconds ago

#73

Activity 74

Last touched today

#74

Activity 75

Needs review

#75

Activity 76

Updated seconds ago

#76

Activity 77

Last touched today

#77

Activity 78

Needs review

#78

Activity 79

Updated seconds ago

#79

Activity 80

Last touched today

#80

Activity 81

Needs review

#81

Activity 82

Updated seconds ago

#82

Activity 83

Last touched today

#83

Activity 84

Needs review

#84

Activity 85

Updated seconds ago

#85

Activity 86

Last touched today

#86

Activity 87

Needs review

#87

Activity 88

Updated seconds ago

#88

Activity 89

Last touched today

#89

Activity 90

Needs review

#90

Activity 91

Updated seconds ago

#91

Activity 92

Last touched today

#92

Activity 93

Needs review

#93

Activity 94

Updated seconds ago

#94

Activity 95

Last touched today

#95

Activity 96

Needs review

#96

Activity 97

Updated seconds ago

#97

Activity 98

Last touched today

#98

Activity 99

Needs review

#99

Activity 100

Updated seconds ago

#100

Activity 101

Last touched today

#101

Activity 102

Needs review

#102

Activity 103

Updated seconds ago

#103

Activity 104

Last touched today

#104

Activity 105

Needs review

#105

Activity 106

Updated seconds ago

#106

Activity 107

Last touched today

#107

Activity 108

Needs review

#108

Activity 109

Updated seconds ago

#109

Activity 110

Last touched today

#110

Activity 111

Needs review

#111

Activity 112

Updated seconds ago

#112

Activity 113

Last touched today

#113

Activity 114

Needs review

#114

Activity 115

Updated seconds ago

#115

Activity 116

Last touched today

#116

Activity 117

Needs review

#117

Activity 118

Updated seconds ago

#118

Activity 119

Last touched today

#119

Activity 120

Needs review

#120

Scroll to see all 120 items (real component virtualizes for performance)

Dependencies

  • clsx
  • tailwind-merge

Files

  • components/ui/virtual-list.tsx

Installation

Using shadcn CLI

npx shadcn add virtual-list --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge