Alle Projekte
Case Study · Preline UI
Über 640 Open-Source-UI-Komponenten.
Eine Open-Source-Komponentenbibliothek und ein Designsystem für Tailwind CSS.
preline.co
- Kostenlose UI-Komponenten
- 640+
- Sterne auf GitHub
- 6,4k ★
- Open-Source-Lizenz
- MIT
01 — Die Herausforderung
Was gelöst werden musste
Die Idee: eine wiederverwendbare Bibliothek aus Tailwind-CSS-Komponenten, die Entwickler projektübergreifend nutzen können, statt jede Oberfläche von vorn zu beginnen.
02 — Unser Beitrag
Was wir umgesetzt haben
- Tailwind CSS
- Designsystem
- Open Source
- GitHub · 6,4k Sterne
Komponentenbibliothek
Über 640 kostenlose Komponenten und UI-Blöcke auf Basis von Tailwind CSS – von Buttons und Formularen bis zu Datentabellen – für Projekte mit HTML, JavaScript und TypeScript.
Templates
Komplette Templates wie Admin-Dashboards und Onlineshops zeigen die Komponenten im Zusammenspiel und verschaffen Teams einen schnellen Start.
Template für ein Admin-Dashboard. 
Template für einen Onlineshop. Designsystem
Ein Figma-Designsystem, das den Code abbildet – Designer und Engineers bauen mit denselben Bausteinen.
03 — Das Ergebnis
Wo es heute steht
- Eine öffentlich verfügbare Bibliothek mit über 640 kostenlosen Komponenten.
- Engineers bauen mit fertigen Bausteinen, statt bei null anzufangen.
- Komponentenbasis in unseren eigenen Kundenprojekten, etwa für die US-Universität.