Preline UI

Preline UI is an extensive open-source UI kit component library built with Tailwind CSS. Designed to be compatible with HTML, React, and Vue, Preline UI offers a vast array of prebuilt UI components based on the utility-first principles of Tailwind CSS.

Preline UI boasts an impressive gallery of over 300 component examples, providing a comprehensive collection of accessible and customizable UI elements to cater to all your website development needs. These components can easily be integrated into React, Vue, and HTML projects, with optional JavaScript plugins available to bring your Tailwind CSS creations to life.

Not only does Preline UI offer a stunning light mode, but it also includes a dark mode variant for all components, allowing you to effortlessly style your website to cater to users who prefer a darker interface.

Best of all, all of these fantastic features and components are open-source and available completely free of charge!

In addition to the extensive range of components, Preline UI also provides starter pages and examples, allowing you to quickly develop your project using pre-built UI parts, custom components, and layouts based on Tailwind CSS. Examples include:

...and many more!

For design enthusiasts, the toolkit also includes Preline UI Figma; the largest free design system for Figma, crafted using Tailwind CSS styles and Preline UI components with extra top-notch additions. You can explore the Preline UI Figma design system here.

As an open-source project, Preline UI's entire codebase is available on GitHub, allowing developers to actively contribute to the project and stay up-to-date with the latest changes and improvements.