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
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

700+ Components & Examples

Hundreds of component examples for all your website needs that meet accessibility criteria.

Universal Framework Compatibility

Preline UI is fully compatible wherever Tailwind CSS is in action, from React to Vue and beyond.

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.

The Wall of Love

Thoughts from those who've experienced Preline UI in action.

Image Description

Vosidiy Muslimbek

I don't know how to thank for such a good file, It should be paid product actually.

Image Description

Himanshu Kumar

Combining Tailwind CSS with Preline UI offers incredible potential. Preline UI's streamlined components and powerful design system can truly boost productivity. It enables rapid prototyping and consistent UI, making development a breeze.

Image Description

Vitor Machado

This is huge! I appreciate so much for the effort, such high quality file! big thanks! Is there a way to support you for your work?

Image Description

Muttaqi

Underratted

Image Description

Al Nahian

Wow wow wow! Just wow 😲😲😲

Image Description

Daniel

Hi there, I just wanted to say congrats on developing such an excellent Figma design system. I've spent months going around in circles looking for something that is complete and easily nk I've found my foundation. It's really excellent work you've done here. I'm looking forward to seeing where you take this.

Image Description

Wasimul Sami

http://Preline.co is just amazing. @prelineUI, guys, unbelievably, you made it free. A lot of time saved for you guys. Thanks πŸ™

Image Description

Bonnie

I am working on my website landing page and prebuilt TailwindCSS UI components from http://preline.co are a lifesaver.

Image Description

Hillary Onyechekwa

Preline UI is freaking amazing. How is it free again? I'm in love man. 😍

Image Description

by a Preline UI user

Continue what you're doing. You're such a great help to a lot of developers. Thank you!"

Image Description

RichCode

Decide to try out @prelineUI on a new @nextjs project and have to say, it's pretty dope. Hooked on day oneπŸ˜„

Image Description

Avvicy ❙ AI

Combining Tailwind CSS with Preline UI can definitely boost productivity. Preline UI offers additional components and features that can enhance your development process. Give it a try!

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
Dashboard Home Page

Download Preline UI

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

Get started
Package Manager: npm Installation Guide

Subscribe

Get all the latest Preline updates and news.