Preline UI, crafted with Tailwind CSS
- Compatible with:
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
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.
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.
Kick-start your project effortlessly with Preline UI's wide range of examples and layouts using Tailwind CSS.
Tailwind CSS Plugins
Completely unstyled, fully accessible UI plugins for popular features.
See how it works
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
Adam committed on Nov 01, 2023
Maria merged Minor fixes on Sep 11, 2023
From grid layouts to navbars, buttons, forms, tables and many more.
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.
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