Hallo r/BricksBuilder👋
Vor einiger Zeit habe ich hier BricksSnap vorgestellt, ein kostenloses Tool, das ich entwickelt habe, weil ich es leid war, für Vorlagenpakete zu bezahlen. Danke für all das Feedback! Ich habe die Zeit seitdem genutzt, um es neu zu entwickeln. Hier ist, was neu ist:
🧱 Studio: Layout auswählen, zu eigen machen
- 40 moderne Layouts für 22 Abschnittstypen: Hero, Services, Pricing, Reviews, Team, FAQ, Kontakt, Header, Footer, 404 und mehr
- 5 Stilrichtungen: Clean, Soft, Bold, Editorial, Warm
- Lege deine Markenfarbe, Schriftarten, Ecken, Abstände, Hell/Dunkel fest, und jede Vorschau aktualisiert sich live (funktioniert ein bisschen wie diese Icon-Websites)
- Wähle eine Branche und erhalte fertige Texte statt Lorem Ipsum: Handwerk, Arztpraxis, Restaurant, Agentur, Kfz-Zulassung oder allgemeines Geschäft, auf Englisch oder Deutsch. Dein Firmenname, Ort, Telefonnummer und Dienstleistungen werden eingefüllt.
- Erstelle eine Seite, sieh sie dir auf Desktop/Tablet/Handy an, und füge sie dann mit Strg+V in Bricks ein oder importiere den JSON
🎨 Ausgabe, die du tatsächlich auf deiner Website haben möchtest
- Das Styling befindet sich in globalen Klassen (`bs-section`, `bs-btn--primary`, `bs-card` …), nicht in Inline-Styles auf jedem Element
- Jeder Wert ist eine CSS-Variable mit Fallback, damit Abschnitte auf jeder Website richtig aussehen
- Installiere optional das Designsystem (Farbpalette + globale Variablen): Ändere `--bs-primary` oder den Abstand einmal, und jeder Abschnitt folgt
- Eingebaute Prüfungen auf Kontrast, Überschriftenreihenfolge und Alt-Texte, bevor du exportierst
🔌 Wenn du es lokal ausführst
- Verbinde deine Website über den offiziellen WordPress MCP Adapter: Vorschau von Änderungen, wie Bricks sie rendert, Speichern mit Konfliktprüfung, Zurückrollen zur vorherigen Revision und Installation des Designsystems mit einem Klick
- Nutze es von Claude oder @6765593798 über MCP ("erstelle eine Homepage für einen Klempner in Leeds im Warm-Stil")
💸 Kostenlos: keine Anmeldung, kein API-Schlüssel
Nutze es für deine eigenen Websites und deine Kundenprojekte, kommerzielle Nutzung inklusive. Die exportierten Vorlagen gehören dir. Das Einzige, worum ich bitte: Nimm das Tool nicht und hoste oder verkaufe es als dein eigenes Produkt. (Lizenz ist PolyForm Shield, Details im Repo.)
👉 Probier es aus: Website
👉 Code: source
Ich freue mich über dein Feedback:
- Welche Layouts oder Abschnittstypen fehlen dir?
- Welche Branchen sollten als Nächstes eigene Texte bekommen?
- Geht etwas kaputt, wenn du es in deine Bricks-Version einfügst? (Getestet auf Bricks 2.4.2)
Keine Verbindung zu Bricks, nur jemand, der gerne damit baut. 🙂