Design System

Components and styles of the Anirum project

ScrollArea

Custom scrollbar component built on Radix ScrollArea. Replaces native scrollbar with a minimal, styled thumb.

Vertical

Default vertical scroll with a thin rounded scrollbar.

Tag 1

Tag 2

Tag 3

Tag 4

Tag 5

Tag 6

Tag 7

Tag 8

Tag 9

Tag 10

Tag 11

Tag 12

Tag 13

Tag 14

Tag 15

Tag 16

Tag 17

Tag 18

Tag 19

Tag 20

Tag 21

Tag 22

Tag 23

Tag 24

Tag 25

Tag 26

Tag 27

Tag 28

Tag 29

Tag 30

Tag 31

Tag 32

Tag 33

Tag 34

Tag 35

Tag 36

Tag 37

Tag 38

Tag 39

Tag 40

Tag 41

Tag 42

Tag 43

Tag 44

Tag 45

Tag 46

Tag 47

Tag 48

Tag 49

Tag 50

Horizontal

Horizontal scroll for wide content like image galleries or card rows.

Card 1

Card 2

Card 3

Card 4

Card 5

Card 6

Card 7

Card 8

Card 9

Card 10

Card 11

Card 12

Notification list

Practical example — scrollable notification panel.

Notification 1

This is a placeholder notification item with some details.

4h ago

Notification 2

This is a placeholder notification item with some details.

16h ago

Notification 3

This is a placeholder notification item with some details.

8h ago

Notification 4

This is a placeholder notification item with some details.

8h ago

Notification 5

This is a placeholder notification item with some details.

13h ago

Notification 6

This is a placeholder notification item with some details.

3h ago

Notification 7

This is a placeholder notification item with some details.

7h ago

Notification 8

This is a placeholder notification item with some details.

1h ago

Notification 9

This is a placeholder notification item with some details.

20h ago

Notification 10

This is a placeholder notification item with some details.

8h ago

Notification 11

This is a placeholder notification item with some details.

1h ago

Notification 12

This is a placeholder notification item with some details.

11h ago

Notification 13

This is a placeholder notification item with some details.

1h ago

Notification 14

This is a placeholder notification item with some details.

21h ago

Notification 15

This is a placeholder notification item with some details.

11h ago

Notification 16

This is a placeholder notification item with some details.

5h ago

Notification 17

This is a placeholder notification item with some details.

9h ago

Notification 18

This is a placeholder notification item with some details.

7h ago

Notification 19

This is a placeholder notification item with some details.

1h ago

Notification 20

This is a placeholder notification item with some details.

9h ago

Both directions

Vertical and horizontal scrollbars for content that overflows in both axes.

1×1

1×2

1×3

1×4

1×5

1×6

2×1

2×2

2×3

2×4

2×5

2×6

3×1

3×2

3×3

3×4

3×5

3×6

4×1

4×2

4×3

4×4

4×5

4×6

5×1

5×2

5×3

5×4

5×5

5×6

6×1

6×2

6×3

6×4

6×5

6×6

7×1

7×2

7×3

7×4

7×5

7×6

8×1

8×2

8×3

8×4

8×5

8×6

9×1

9×2

9×3

9×4

9×5

9×6

10×1

10×2

10×3

10×4

10×5

10×6

11×1

11×2

11×3

11×4

11×5

11×6

12×1

12×2

12×3

12×4

12×5

12×6

13×1

13×2

13×3

13×4

13×5

13×6

14×1

14×2

14×3

14×4

14×5

14×6

15×1

15×2

15×3

15×4

15×5

15×6

16×1

16×2

16×3

16×4

16×5

16×6

17×1

17×2

17×3

17×4

17×5

17×6

18×1

18×2

18×3

18×4

18×5

18×6

19×1

19×2

19×3

19×4

19×5

19×6

20×1

20×2

20×3

20×4

20×5

20×6