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.

Get started $ npm i preline
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

250+ Component examples

Hundreds of component examples for all your website needs that meet all 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

Image Description

Accordion
Image Description

Alerts
Image Description

Avatar
Image Description

Avatar Group
Image Description

Badge
Image Description

Blockquote
Image Description

Buttons
Image Description

Button Group
Image Description

Card
Image Description

Collapse
Image Description

Devices
Image Description

List Group
Image Description

Lists
Image Description

Legend Indicator
Image Description

Progress
Image Description

Skeleton
Image Description

Spinners
Image Description

Toasts
Image Description

Navbar
Image Description

Mega Menu
Image Description

Navs & Tabs
Image Description

Scollspy
Image Description

Breadcrumb
Image Description

Pagination

Basic Forms

Image Description

Input
Image Description

Input Group
Image Description

Checkbox
Image Description

Radio
Image Description

Switch
Image Description

Select

Overlays

Image Description

Dropdowns
Image Description

Modal
Image Description

Offcanvas
Image Description

Popovers
Image Description

Tooltips

Tables

Image Description

Tables

Plugins

Image Description

Remove Element

Download Preline UI

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

Get started $ npm i preline
Package Manager: npm Installation Guide

Subscribe

Get all the latest Preline updates and news.