https://github.com/teplostanski/masonry-gallery-tailwind
https://github.com/teplostanski/masonry-gallery-tailwind
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/teplostanski/masonry-gallery-tailwind
- Owner: teplostanski
- Created: 2025-01-16T02:10:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-17T01:42:58.000Z (over 1 year ago)
- Last Synced: 2025-03-13T03:13:23.627Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://masonry-gallery.demo.teplostanski.dev/
- Size: 44.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Masonry Gallery
Галерея изображений с плиточной раскладкой в стиле Pinterest. При клике на изображение открывается полноэкранное модальное окно с возможностью перелистывания свайпом.
## Демо
[Masonry Gallery](https://teplostanski.github.io/masonry-gallery-tailwind/)
## Стек
- **React**
- **TypeScript**
- **Vite**
- **Tailwind CSS**
- **NextUI**
- **Swiper**
## Особенности
- Адаптивная раскладка `masonry`
- Полноэкранный просмотр
- Поддержка жестов
- Адаптивный дизайн
- Современный интерфейс
## Запуск локально
1. Клонируйте репозиторий:
```bash
git clone https://github.com/teplostanski/masonry-gallery-tailwind.git
cd masonry-gallery-tailwind
```
2. Установите зависимости:
```bash
npm install
```
3. Запустите сервер разработки:
```bash
npm run dev
```
4. Откройте [http://localhost:5173](http://localhost:5173) в браузере.
## Сборка
Для сборки проекта:
```bash
npm run build
```