All projects
Case study · Preline UI
640+ open-source UI components.
An open-source Tailwind CSS component library and design system.
preline.co
- Free UI components
- 640+
- Stars on GitHub
- 6.4k ★
- Open-source licence
- MIT
01 — The challenge
What needed solving
The idea: a reusable library of Tailwind CSS components that developers can use across projects, instead of starting every interface from scratch.
02 — What we did
Our contribution
- Tailwind CSS
- Design system
- Open source
- GitHub · 6.4k stars
Component library
More than 640 free components and UI blocks built with Tailwind CSS — from buttons and forms to data tables — for HTML, JavaScript and TypeScript projects.
Templates
Complete templates such as admin dashboards and online shops show the components working together and give teams a running start.
Admin dashboard template. 
Online-shop template. Design system
A Figma design system that mirrors the code, so designers and engineers build from the same blocks.
03 — The outcome
Where it stands
- A publicly available library of 640+ free components.
- Engineers build with ready-made blocks instead of starting from zero.
- Used as the component base in our own client work, like the US university project.