diff --git a/music_storage/music/views.py b/music_storage/music/views.py
index b669dfe..11946fc 100644
--- a/music_storage/music/views.py
+++ b/music_storage/music/views.py
@@ -1,4 +1,5 @@
 from django import views as django_views
+from django.views.generic import ListView
 from django.shortcuts import render
 from django.http.request import HttpRequest
 from django.shortcuts import get_object_or_404
@@ -8,16 +9,27 @@ from music.models import Artist
 from music.models import Album
 
 
-class TrackListView(django_views.View):
-    def get(self, request: HttpRequest, *args, **kwargs):
-        tracks = Track.objects.all().select_related("album__artist",).order_by("id")
-        return render(request, "music/track_list.html", {"tracks": tracks})
+class TrackListView(ListView):
+    model = Track
+    template_name = "music/track_list.html"
+    context_object_name = "tracks"
+    paginate_by = 25
 
+    def get_queryset(self):
+        return (
+            super().get_queryset()
+                .select_related("album", "album__artist")
+                .order_by("id")
+        )
 
-class ArtistListView(django_views.View):
-    def get(self, request: HttpRequest, *args, **kwargs):
-        artists = Artist.objects.all()
-        return render(request, "music/artist_list.html", {"artists": artists})
+class ArtistListView(ListView):
+    model = Artist
+    template_name = "music/artist_list.html"
+    context_object_name = "artists"
+    paginate_by = 25
+
+    def get_queryset(self):
+        return super().get_queryset().order_by("id")
 
 
 class ArtistDetailView(django_views.View):
@@ -26,10 +38,14 @@ class ArtistDetailView(django_views.View):
         return render(request, "music/artist_detail.html", {"artist": artist})
 
 
-class AlbumListView(django_views.View):
-    def get(self, request: HttpRequest, *args, **kwargs):
-        albums = Album.objects.all().order_by("id")
-        return render(request, "music/album_list.html", {"albums": albums})
+class AlbumListView(ListView):
+    model = Album
+    template_name = "music/album_list.html"
+    context_object_name = "albums"
+    paginate_by = 25
+
+    def get_queryset(self):
+        return super().get_queryset().order_by("id")
 
 
 class AlbumDetailView(django_views.View):
diff --git a/music_storage/templates/components/album_list.html b/music_storage/templates/components/album_list.html
index b5b3c52..812e583 100644
--- a/music_storage/templates/components/album_list.html
+++ b/music_storage/templates/components/album_list.html
@@ -2,25 +2,23 @@
 
 <link rel="stylesheet" href="{% static 'css/album_list.css' %}">
 
-<div class="container">
-    <div class="album-container">
-        {% for album in albums %}
-            <div class="album-card">
-                <a href="{% url 'music:album_detail' album.id %}" class="album-link">
-                    {% if album.cover_image %}
-                        <img src="{{ album.cover_image.url }}" alt="{{ album.name }}" class="album-cover">
-                    {% else %}
-                        <img src="{% static 'img/no-cover.png' %}" alt="No cover" class="album-cover">
-                    {% endif %}
+<div class="album-container">
+    {% for album in albums %}
+        <div class="album-card">
+            <a href="{% url 'music:album_detail' album.id %}" class="album-link">
+                {% if album.cover_image %}
+                    <img src="{{ album.cover_image.url }}" alt="{{ album.name }}" class="album-cover">
+                {% else %}
+                    <img src="{% static 'img/no-cover.png' %}" alt="No cover" class="album-cover">
+                {% endif %}
 
-                    <div class="album-info">
-                        <h3 class="album-name">{{ album.name }}</h3>
-                        <p class="album-artist">{{ album.artist }}</p>
-                    </div>
-                </a>
-            </div>
-        {% empty %}
-            <p>No albums available.</p>
-        {% endfor %}
-    </div>
+                <div class="album-info">
+                    <h3 class="album-name">{{ album.name }}</h3>
+                    <p class="album-artist">{{ album.artist }}</p>
+                </div>
+            </a>
+        </div>
+    {% empty %}
+        <p>No albums available.</p>
+    {% endfor %}
 </div>
\ No newline at end of file
diff --git a/music_storage/templates/components/artist_list.html b/music_storage/templates/components/artist_list.html
index ec22ab7..2194f33 100644
--- a/music_storage/templates/components/artist_list.html
+++ b/music_storage/templates/components/artist_list.html
@@ -2,26 +2,24 @@
 
 <link rel="stylesheet" href="{% static 'css/artist_list.css' %}">
 
-<div class="container">
-    <div class="artist-container">
-        {% for artist in artists %}
-            <div class="artist-card">
-                <a href="{% url 'music:artist_detail' artist.id %}" class="artist-link">
+<div class="artist-container">
+    {% for artist in artists %}
+        <div class="artist-card">
+            <a href="{% url 'music:artist_detail' artist.id %}" class="artist-link">
 
-                    {% if artist.cover_image %}
-                        <img src="{{ artist.cover_image.url }}" alt="{{ artist.name }}" class="artist-photo">
-                    {% else %}
-                        <img src="{% static 'img/no-artist.png' %}" alt="No photo" class="artist-photo">
-                    {% endif %}
+                {% if artist.cover_image %}
+                    <img src="{{ artist.cover_image.url }}" alt="{{ artist.name }}" class="artist-photo">
+                {% else %}
+                    <img src="{% static 'img/no-artist.png' %}" alt="No photo" class="artist-photo">
+                {% endif %}
 
-                    <div class="artist-info">
-                        <h3 class="artist-name">{{ artist.name }}</h3>
-                    </div>
+                <div class="artist-info">
+                    <h3 class="artist-name">{{ artist.name }}</h3>
+                </div>
 
-                </a>
-            </div>
-        {% empty %}
-            <p>No artists available.</p>
-        {% endfor %}
-    </div>
+            </a>
+        </div>
+    {% empty %}
+        <p>No artists available.</p>
+    {% endfor %}
 </div>
\ No newline at end of file
diff --git a/music_storage/templates/components/pagination.html b/music_storage/templates/components/pagination.html
new file mode 100644
index 0000000..087f9bf
--- /dev/null
+++ b/music_storage/templates/components/pagination.html
@@ -0,0 +1,11 @@
+{% if page_obj.has_previous %}
+    <a href="?page={{ page_obj.previous_page_number }}">← Назад</a>
+{% endif %}
+
+<span>
+    Страница {{ page_obj.number }} из {{ page_obj.paginator.num_pages }}
+</span>
+
+{% if page_obj.has_next %}
+    <a href="?page={{ page_obj.next_page_number }}">Вперёд →</a>
+{% endif %}
\ No newline at end of file
diff --git a/music_storage/templates/components/track_list.html b/music_storage/templates/components/track_list.html
index e9a33cc..0c060cd 100644
--- a/music_storage/templates/components/track_list.html
+++ b/music_storage/templates/components/track_list.html
@@ -1,23 +1,22 @@
 {% load static %}
 
 <link rel="stylesheet" href="{% static 'css/track_list.css' %}">
-<div class="container">
-    <ul class="track-list">
-        {% if tracks %}
-            {% for track in tracks %}
-            <li class="track-item" data-track-id="{{ track.id }}" data-track-src="{{ track.file.url }}">
-                <div class="track-info">
-                    <h3 class="track-title">{{ track.title }}</h3>
-                    <p class="track-artist">Исполнитель: {{ track.album.artist }}</p>
-                </div>
-            </li>
-            {% endfor %}
-        {% else %}
-            <div class="empty-state">
-                <i class="fas fa-music"></i>
-                <p>Нет добавленных треков</p>
+
+<ul class="track-list">
+    {% if tracks %}
+        {% for track in tracks %}
+        <li class="track-item" data-track-id="{{ track.id }}" data-track-src="{{ track.file.url }}">
+            <div class="track-info">
+                <h3 class="track-title">{{ track.title }}</h3>
+                <p class="track-artist">Исполнитель: {{ track.album.artist }}</p>
             </div>
-        {% endif %}
-    </ul>
-</div>
-{% include 'components/player.html' %}
+        </li>
+        {% endfor %}
+    {% else %}
+        <div class="empty-state">
+            <i class="fas fa-music"></i>
+            <p>Нет добавленных треков</p>
+        </div>
+    {% endif %}
+</ul>
+
diff --git a/music_storage/templates/music/album_list.html b/music_storage/templates/music/album_list.html
index f21c728..fccf853 100644
--- a/music_storage/templates/music/album_list.html
+++ b/music_storage/templates/music/album_list.html
@@ -3,5 +3,8 @@
 
 {% block content %}
 <h1>Album List</h1>
-{% include 'components/album_list.html' with albums=albums %}
+<div class="container">
+    {% include 'components/album_list.html' %}
+    {% include 'components/pagination.html' %}
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/music_storage/templates/music/artist_list.html b/music_storage/templates/music/artist_list.html
index 3f3fa13..82e7620 100644
--- a/music_storage/templates/music/artist_list.html
+++ b/music_storage/templates/music/artist_list.html
@@ -3,5 +3,8 @@
 {% block title %}Artist List{% endblock %}
 {% block content %}
 <h1>Artist List</h1>
-{% include 'components/artist_list.html' with artists=artists %}
+<div class="container">
+    {% include 'components/artist_list.html' with artists=artists %}
+    {% include 'components/pagination.html' with page_obj=page_obj %}
+</div>
 {% endblock %}
diff --git a/music_storage/templates/music/track_list.html b/music_storage/templates/music/track_list.html
index 174857c..5e5b95e 100644
--- a/music_storage/templates/music/track_list.html
+++ b/music_storage/templates/music/track_list.html
@@ -1,5 +1,9 @@
 {% extends 'base.html' %}
 
 {% block content %}
-{% include 'components/track_list.html' %}
+<div class="container">
+    {% include 'components/track_list.html' %}
+    {% include 'components/pagination.html' %}
+    {% include 'components/player.html' %}
+</div>
 {% endblock %}