Skip to content

teplostanski/masonry-gallery-tailwind

Repository files navigation

Masonry Gallery

Галерея изображений с плиточной раскладкой в стиле Pinterest. При клике на изображение открывается полноэкранное модальное окно с возможностью перелистывания свайпом.

Скриншот галереи

Демо

Masonry Gallery

Стек

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • NextUI
  • Swiper

Особенности

  • Адаптивная раскладка masonry
  • Полноэкранный просмотр
  • Поддержка жестов
  • Адаптивный дизайн
  • Современный интерфейс

Запуск локально

  1. Клонируйте репозиторий:
git clone https://github.com/teplostanski/masonry-gallery-tailwind.git
cd masonry-gallery-tailwind
  1. Установите зависимости:
npm install
  1. Запустите сервер разработки:
npm run dev
  1. Откройте http://localhost:5173 в браузере.

Сборка

Для сборки проекта:

npm run build