is now part of Shuffle™. The new editor includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
Switch to Shuffle →
Hot icon Produkt des Tages für Product Hunt (1,085 Stimmen)
  Hot icon Auszeichnung auf Hacker News (235 Stimmen)

"Diese Editoren machen das Erstellen von Bootstrap-Vorlagen ziemlich schnell."

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

"Der beliebteste Bootstrap-Editor.
1,085 Unterstützer!"

"Ich würde gerne etwas über Bootstrap Shuffle wissen, als ich mein letztes Projekt begann."

"Du kannst ohne zu zögern in dieses Produkt investieren."

Beschleunige den Entwicklungsprozess in drei einfachen Schritten

Ziehen & Ablegen. Anpassen. Aktualisiere im Lieblings-IDE.

01

Entsprechenden UI-Komponente auswählen

Verwendung von Bootstrap-Produktionskomponenten aus der Multifunktionsbibliothek, die in den 20 am häufigsten verwendeten Kategorien gruppiert sind.:

Bootstrap styles panel
02

Bootstrap-Stile anpassen

In den thematisch verwandten Kategorien haben wir mehr als 500 Bootstrap-Variablen, damit Sie effizient arbeiten können.

03

Download des Quellcodes

Bootstrap Shuffle bietet Quellcodes für Tools, die Entwickler kennen und lieben. Nachdem Sie die entsprechenden Komponenten und Einstellungen für Bootstrap ausgewählt haben, können Sie die Quelldateien herunterladen, um z.B. die Verknüpfung des Front-Ends mit dem Back-End zu starten.

Bootstrap

Bootstrap
5

Star
Bootstrap

Bootstrap Material
4.1.1

Star
Sass Logo

Sass

Star
Pug logo

Pug

Star

Video: Eine neue Bootstrap-Vorlage in 6 Minuten erstellen.

Siehe Bootstrap Shuffle in Aktion.

Bootstrap Editor für beschäftigte Entwickler

Leicht zu bedienen

Wir wissen, wie wertvoll die Zeit für Entwickler ist. Wir haben hart daran gearbeitet, dass unser Editor einfach zu bedienen ist und keine Schulung erfordert.

Komponentenbibliothek

Erstellen Sie Vorlagen aus Hunderten von Komponenten, die in 20 gemeinsame Kategorien gruppiert sind. Zu diesen Kategorien gehören Navigation, Hero-Sektionen und andere.

Sass Online-Zusammenstellung

Bootstrap 5 bietet viele Konfigurationsoptionen. Unsere Stiländerungsleiste zeigt diese Optionen in thematisch verwandten Kategorien an. Dies ermöglicht es, effektiv zu arbeiten.

Bequeme Sampler

Alle Arten von Einstellungen umfassen eine Schnittstelle für eine schnellere Werteauswahl (Farbauswahl-Tools, Google-Schriftarten, Schattenassistent usw.). Alles für Ihre Bequemlichkeit!

Live-Bearbeitung

Beim Ändern der Stileinstellungen wird CSS-Code in Echtzeit kompiliert. Verfolgen Sie Änderungen an der Liveansicht.

Eine Vorschau bereitstellen

Teilen Sie das Projekt, das Sie vorbereitet haben, mit anderen Teammitgliedern oder verwenden Sie einen Link, um Ihr Projekt auf mobilen Geräten zu überprüfen.

Quellen zum Herunterladen

Bootstrap Shuffle ist ein Werkzeug für Entwickler. Unser Ziel ist es, Ihre Arbeit zu beschleunigen. Sie können den Quellcode herunterladen, um z.B. mit der Verbindung von Front-End und Back-End zu beginnen.

Ausschließlich Bootstrap

Wir verwenden keine externen Abhängigkeiten, außer denen, die von Bootstrap 5 verwendet werden.

#1 Premium-Paket

Entwickler haben zu oft keine Zeit, das Design perfekt umzusetzen.

Deshalb haben wir einen Editor entwickelt, mit dem Sie schneller von der Erstellung eines Layouts zu dessen Verbesserung gelangen können. Ja, damit Sie Zeit haben, an den Details zu arbeiten.

Bootstrap Shuffle is now part of Shuffle. Switch to learn about all the new Bootstrap CSS features, UI libraries available only in Shuffle (60+), and pricing.

Registrieren

Freischalten aller Einstellungsoptionen und über 230 UI-Komponentenzur Erstellung fehlerfreier Bootstrap-Vorlagen

Der ausgewählte Plan enthält lebenslangenmonatlichen Zugriff auf Shuffle™. Alle Preise inkl. MwSt., zzgl.

An annual subscription is best for those who create several projects per year.

Eine lebenslange Lizenz ist am besten für diejenigen geeignet, die mehrere Projekte pro Jahr erstellen.

Ein monatsabonnement ist am besten für diejenigen geeignet, die derzeit nur ein Projekt planen.

Kaufen Sie ein monatliches Abonnement

Kaufen Sie eine lebenslange Lizenz

60+ UI libraries and 10,000+ beautiful UI components.
Works with Bootstrap 5.
Funktioniert mit Bootstrap 5 und Material Design für Bootstrap 4.1.1.
Zugang zu Tailwind Builder und Bulma Builder ohne zusätzliche Kosten (Zugang im Wert von $747$72 USD/pro Monat).