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.
300+ 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.
Everything is Free!
Over
160Examples
Kick-start your project effortlessly with Preline UI's wide range of examples and layouts using Tailwind CSS.
View Examples
Tailwind CSS Plugins
Completely unstyled, fully accessible UI plugins for popular features.
See how it works
Open source
Build in the open. The entire codebase is available on GitHub.
-
Jaha committed yesterday
-
Brian added the Calendars component
-
Christian added guides for the React framework
-
Jaha committed on Dec 6, 2022
-
Maria merged Minor fixes on Nov 22, 2022
300+ Components
Hundreds of component examples for all your website needs.
Get started
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.
Starter Pages & Examples
Kick-start your project effortlessly with Preline UI's wide range of examples, using pre-built UI parts, custom components and layouts using Tailwind CSS.
View ExamplesPreline UI Figma
Preline UI Figma is the largest free design system for Figma, crafted with Tailwind CSS styles and Preline UI components with extra top-notch additions.
Explore nowDownload Preline UI
Our code is available for you to download, inspect, and modify: