Redirecting to PayPal

Hot icon Продукт дня на Product Hunt (1,000+ голосов)
  Hot icon Награда на Hacker News (235 голосов)

Создавайте шаблоны Bootstrap за считанные минуты!

Разработчики используют возможности нашего редактора при работе с Bootstrap CSS для ускорения процесса разработки фронтенд-проектов.

Попробовать демоверсию Зарегистрироваться

"Эти редакторы позволяют быстро создавать шаблоны Bootstrap."

Bootstrap Shuffle - Bootstrap builder for busy developers | Product Hunt Embed

"Самый популярный редактор Bootstrap.
Нас уже 1,000+ !"

"Хотел бы я знать о Bootstrap Shuffle, когда начинал свой последний проект."

"Можете инвестировать в этот продукт без колебаний."

Ускорьте процесс разработки в три простых шага

Перетащи & брось. Настроить. Улучшите в своей любимой IDE.

01

Выбрать соответствующие компоненты UI

Используйте производственные компоненты Bootstrap из многофункциональной библиотеки, сгруппированной в 20 наиболее часто используемые категории.:

Bootstrap styles panel
02

Настроить стили Bootstrap

В тематически связанных категориях у нас более 500 переменных Bootstrap для вашей эффективной работы.

03

Скачать исходный код

Bootstrap Shuffle предоставляет исходные коды для инструментов, которые разработчики знают и любят. После выбора соответствующих компонентов и настроек Bootstrap вы можете загрузить исходные файлы, чтобы, например, начать соединение фронтенда с бэкендом.

Bootstrap logo

Bootstrap
4.5.0

Star
Bootstrap logo

Bootstrap Material
4.1.1

Star
Sass Logo

Sass

Star
Pug logo

Pug

Star

* In addition, you can use the beta version of the ShuffleKit v0.6.0 theme:
Read docs or try in the demo.

Видео: Создайте новый шаблон Bootstrap за 6 минут.

Смотрите Bootstrap Shuffle в действии.

Редактор Bootstrap для очень занятых разработчиков

Легок в использовании

Мы знаем, насколько ценно время разработчика. Мы серьезно работали над тем, чтобы наш редактор был прост в использовании и не требовал никакого обучения.

Библиотека компонентов

Создавайте шаблоны из сотен компонентов, сгруппированных в 20 часто используемых категорий. Эти категории включают, в том числе, навигацию, разделы героя и др.

Компилятор Sass онлайн

Bootstrap 4.5.0 предоставляет множество опций конфигурации. Наша панель изменения стиля отображает эти опции в тематически связанных категориях. Это позволит вам работать эффективно.

Удобные образцы

Все типы настроек включают интерфейс для более быстрого выбора значений (инструменты для выбора цветов, шрифтов из коллекций Google, креатор теней и т. д.) Все для вашего удобства!

Редактирование в реальном времени

При изменении настроек стиля код CSS компилируется в режиме реального времени. Отслеживать изменения в режиме реального времени.

Поделиться превью

Поделиться подготовленным проектом с другими членами команды или использовать ссылку для проверки проекта на мобильных устройствах.

Источники для скачивания

Bootstrap Shuffle - это инструмент для разработчиков. Наша цель состоит в ускорении вашей работы. Вы можете скачать исходные коды, чтобы, например, начать соединять фронтенд с бэкендом.

Только Bootstrap

Мы не используем никаких внешних зависимостей, кроме тех, которые используются Bootstrap 4.5.0.

# 1 Пакет Премиум

Разработчики слишком часто не успевают идеально реализовать дизайн.

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

Black Weeks & Cyber Monday That's our best offer  🙌 

Зарегистрироваться

Разблокировать все настройки и 230+ компонентов UI для создания безупречных шаблонов Bootstrap

Выбранный план включает пожизненныймесячный доступ к Tailwind Builder и Bulma Builder. Все цены указаны с учетом НДС.

Пожизненная лицензия лучше всего подходит тем, кто создает несколько проектов в год.

Месячная подписка лучше всего подходит тем, кто в настоящее время планирует только один проект.

Купить месячную подписку

Купить пожизненную лицензию

Сохранить любое количество проектов на потом.
230+ готовых к использованию компонентов UI.
Работает с Bootstrap 4.5.0 и Material Design for Bootstrap 4.1.1.
Бесплатные обновления с новыми наборами UI и стилями.
Доступ к Tailwind Builder и Bulma Builder без дополнительных расходов (цена доступа $297$45 / месяц).

Что нового в мире редакторов Bootstrap?

Product Roadmap 2020

October

✅   Launch of the Material-UI Builder . The first React JS editor created by the Shuffle.dev team. It's a free update for all Bootstrap Shuffle users with two themes to start with!

November

✅   Release of the Metis Shuffle, our second custom-made UI component library for Tailwind Builder .

✅   Visual Studio Code extension that allows you to use all our components from within the editor. Please sign in and follow the instruction in the "Account -> VSC Extension" menu to install it.

November (cont.)

• Bootstrap 5-alpha support.

• Port of the Metis Shuffle for Bootstrap 5.

• Port of the Metis Shuffle for Bulma CSS (Bulma Builder ).

December

Our next big step is merging all our editors into one product: Shuffle.dev. We will do it on December 11th.

We believe that we can deliver more value by developing one powerful visual editor.

You can use our editors as usual before the date. We will migrate all accounts and projects!

Shuffle.dev positioning
Our goals:
  • Faster development of new features (including Vue and Angular export).
  • One place for documentation, tutorials, and videos.
  • Strong community around the Shuffle.dev brand so that we can collect and process feedback faster.

Q1 2021

Visual Editor v2.

A marketplace for creators to share their templates and design systems.

Figma-style team work.