DivShot — отличный новый инструмент для работы с Twitter Bootstrap. С помощью него создавать прототипы интерфейсов с использованием популярного CSS-фреймворка стало до безобразия просто.
![](https://habrastorage.org/r/w1560/storage2/1f1/5f6/34b/1f15f634b67b7ffb25cb8aeea5698adb.png)
Вход с помощью GitHub и Google аккаунтов, все элементы поддерживают drag-and-drop, кастомные CSS, экспорт кода, поддержка SASS, SCSS, LESS и многое другое.
При создании новой страницы несколько готовых типов страниц:
![](https://habrastorage.org/r/w1560/storage2/6a5/639/f88/6a5639f88e5b0b2f1bb50c5652ee3fd3.png)
Есть десяток различных тем:
![](https://habrastorage.org/r/w1560/storage2/a6b/2fa/45e/a6b2fa45e4291f37a66e8b536fc7d74a.png)
Переключение между различными типами устройств:
![](https://habrastorage.org/r/w1560/storage2/a26/08f/929/a2608f929b22de81f4cf030da0980a0e.png)
Удобный конфигуратор Layout:
![](https://habrastorage.org/r/w1560/storage2/5c7/ed5/e14/5c7ed5e14e99a1b1d293db83c3ff8338.png)
Сервис бесплатен в публичной бете, тарифные планы появятся в следующем году.
![](https://habrastorage.org/storage2/1f1/5f6/34b/1f15f634b67b7ffb25cb8aeea5698adb.png)
Вход с помощью GitHub и Google аккаунтов, все элементы поддерживают drag-and-drop, кастомные CSS, экспорт кода, поддержка SASS, SCSS, LESS и многое другое.
При создании новой страницы несколько готовых типов страниц:
![](https://habrastorage.org/storage2/6a5/639/f88/6a5639f88e5b0b2f1bb50c5652ee3fd3.png)
Есть десяток различных тем:
![](https://habrastorage.org/storage2/a6b/2fa/45e/a6b2fa45e4291f37a66e8b536fc7d74a.png)
Переключение между различными типами устройств:
![](https://habrastorage.org/storage2/a26/08f/929/a2608f929b22de81f4cf030da0980a0e.png)
Удобный конфигуратор Layout:
![](https://habrastorage.org/storage2/5c7/ed5/e14/5c7ed5e14e99a1b1d293db83c3ff8338.png)
Сервис бесплатен в публичной бете, тарифные планы появятся в следующем году.