Preline UI, crafted with Tailwind CSS
- Compatible with:
- HTML
- React
- Vue
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
250+ Component examples
Hundreds of component examples for all your website needs that meet accessibility criteria.
React, Vue, and HTML
Bring Tailwind CSS to life with our optional JavaScript plugins that are also compatible with React and Vue.
Dark Mode
All components include a dark variant that lets you style your site differently when dark mode is enabled.
Tailwind CSS Components
Based on the Tailwind CSS utility classes, Preline UI's prebuilt components and UI elements help you quickly design and customize responsive mobile-first websites.
Base Components
Accordion
7 components
Alerts
8 components
Avatar
10 components
Avatar Group
4 components
Badge
9 components
Blockquote
9 components
Buttons
13 components
Button Group
4 components
Card
21 components
Collapse
1 components
Devices
2 components
List Group
9 components
Lists
4 components
Legend Indicator
2 components
Progress
5 components
Skeleton
3 components
Spinners
5 components
Toasts
9 components
Download Preline UI
Our code is available for you to download, inspect, and modify: