Preline UI, crafted with Tailwind CSS

Compatible with:
Compatible with:
HTML
React
Vue

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

Image Description Image Description Image Description Image Description Image Description Image Description Image Description Image Description
Image Description Image Description Image Description Image Description Image Description Image Description Image Description Image Description Image Description Image Description Image Description Image Description
Image Description Image Description Image Description Image Description Image Description Image Description Image Description Image Description Image Description Image Description

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.

Get Started for Free

Bring your ideas to life in no time. Preline UI provides all the essential components you need to convert your vision into thriving start-ups.

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 Examples

Preline 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 now
Image Description

Download Preline UI

Our code is available for you to download, inspect, and modify:

Package Manager: npm Installation Guide

Subscribe

Get all the latest Preline updates and news.