T.08 / Technologie
Frontend
larch baut Oberflächen mit Tailwind CSS. Die Web-App von Hiki, die Desktop-App Bridddge und das Dashboard von Scout sind alle mit Tailwind-Utilities gestaltet, darüber liegen shadcn/ui- oder Radix-Komponenten.
Bringen Sie die Idee mit. Wir sagen Ihnen, wie wir sie bauen würden und was es dafür braucht.
01 / Gebaut mit Tailwind CSS
Jedes unserer Produkte mit einer Oberfläche ist mit Tailwind gestaltet. Die Ausnahme ist seo-mcp: Es hat keine eigene Oberfläche und läuft in Ihrem KI-Editor.
Webplattform / 2025
01
Die Web-App von Hiki nutzt Tailwind 4 mit 16 shadcn/ui-Komponenten, gestaltet im kräftigen Neubrutalism-Stil, im Katalog, im Marktplatz und auf der Ladenkarte.
Webplattform / 2025
Next.js · FastAPI · MongoDB · Google Cloud
macOS-App / 2025
02
Die Desktop-App Bridddge nutzt Tailwind 3 mit shadcn/ui, eingestellt auf eckige Ecken und einen blauen Akzent, sodass die Komponenten nach Bridddge aussehen.
macOS-App / 2025
Electron · React · SQLite · MCP
KI-Agent / 2025
03
Das Dashboard von Scout mit seiner Live-Kanban-Pipeline und dem Aktivitätsprotokoll ist mit Tailwind 4.1 und Radix-Primitives gebaut.
KI-Agent / B2B-Sales / 2025
Next.js · TypeScript · Playwright · SQLite
02 / Passende Leistung
Schnelle, belastbare Plattformen, die mit Ihrem Unternehmen wachsen, statt es zu bremsen.
Was Sie bekommen
Das Live-Dashboard von Scout und der mehrsprachige Katalog von Hiki, jedes mit eigenem Look, aus denselben Utility-Klassen.
Bei Hiki sitzt das Tailwind-Frontend auf einem FastAPI-Backend und MongoDB, alles von einem Team gebaut.
Die Web-App von Hiki geht bei jedem Push auf main über Cloud Build auf Cloud Run.
03 / So nutzen wir Tailwind CSS
Tailwind gibt jedem Produkt seinen eigenen Look aus einem einzigen Satz Bausteine und hält die Styles direkt bei den Komponenten, die sie nutzen.
Die Web-App von Hiki läuft auf Next.js 16 mit Tailwind 4. Darauf sitzen 16 shadcn/ui-Komponenten im Neubrutalism-Stil: kräftige Rahmen, versetzte Schatten und ein von Manga inspirierter Look, der sich durch den Katalog, den Marktplatz und die Ladenkarte zieht. Die Komponenten liegen im Projekt statt in einem Paket, sodass das Team sie wie jeden anderen Code ändert.
Bridddge ist eine Electron-App für macOS, gestaltet mit Tailwind 3 und shadcn/ui. Ihr Theme setzt den Eckenradius auf null und nutzt einen blauen Akzent, sodass dieselben Komponenten nach Bridddge aussehen statt nach einem Standard-Kit. Das Plugin tailwindcss-animate sorgt für die kleinen Animationen.
Die Oberfläche von Scout ist Next.js 15 mit Tailwind 4.1, und Radix-Primitives liefern barrierefreie Bausteine. Sie bringt viel auf den Bildschirm: einen Setup-Assistenten mit sieben Schritten, eine Kanban-Pipeline per Drag-and-drop, ein Analytics-Dashboard und ein Live-Protokoll jeder Aktion des Agenten.
Die Styles stehen im Markup, direkt bei der Komponente, zu der sie gehören, sodass nichts übrig bleibt, wenn eine Komponente wegfällt. Nur die Klassen, die ein Produkt nutzt, landen im Browser, und ein neues Theme ist eine Handvoll Tokens statt eines Neuschreibens. So lassen sich drei sehr unterschiedliche Produkte schnell ändern. Auch diese Website, larch.ee, ist mit Tailwind 4 gestaltet.
04 / Weitere Technologien
Alle drei Produkte kombinieren Tailwind mit React, Hiki und Scout außerdem mit Next.js. Sehen Sie, was wir sonst noch damit gebaut haben.
T.02 / Frontend
Die Oberflächen von Hiki und Scout und der Desktop-App Bridddge.
Damit gebaut
T.01 / Frontend
Das Frontend des mehrsprachigen Katalogs von Hiki und die Web-App von Scout, beide auf dem App Router von Next.js.
Damit gebaut
11 Technologien
Elf Technologien, jede davon läuft in einem Produkt, das wir ausgeliefert haben.
Start / 30-Minuten-Gespräch
Kein Konzerntheater. Nur Ergebnisse.
Lieber per E-Mail?
nicholas@larch.ee