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
   

2. Установите зависимости:

   npm install
   

3. Запустите сервер разработки:

   npm run dev
   

4. Откройте http://localhost:5173 в браузере.

Сборка

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

npm run build