Preline UI - Open-source Tailwind CSS UI component library
Preline UI offers 300+ prebuilt, accessible UI components for HTML, React, Vue, and more. Includes dark mode, JavaScript plugins, Figma design system, and starter pages — all free and open-source.
MIT-licensed components free for both personal and commercial projects.
Extensive library covering buttons, modals, navbars, cards, forms, and more.
Every component ships with a dark mode variant ready to use.
Components are built with accessibility best practices baked in.
Includes the largest free Figma design system built on Tailwind CSS styles.
Mobile-first components designed to look great on every screen size.
Automated theme generation for Cursor, Claude Code, and Gemini CLI.
Pre-built page examples and layouts to jumpstart your project development.
Build responsive websites faster with hundreds of free UI components
Preline UI is an extensive, open-source component library built on top of Tailwind CSS, designed to help developers rapidly assemble responsive websites and web applications. With over 300 prebuilt UI components spanning buttons, modals, navigation bars, cards, forms, and far more, it provides a comprehensive toolkit for front-end development without starting from scratch. Components work across HTML, React, and Vue projects, and the library includes optional JavaScript plugins to power interactive elements like dropdowns, collapses, and tooltips. Whether you're prototyping a quick landing page or building out a full-scale application interface, this library gives you a consistent, accessible foundation to work from.
What's included
- 300+ prebuilt UI components organized by category (navigation, forms, overlays, content blocks, and more)
- Dark mode variants for every component
- JavaScript plugins for interactive behavior (accordions, modals, dropdowns, etc.)
- Figma design system with components and Tailwind CSS styles
- Starter pages and pre-built layout examples
- TypeScript source files
- Agent Skills integration for automated theme generation
Ideal for
- SaaS dashboards and admin panels
- Marketing and agency websites
- Startup landing pages
- Documentation sites and knowledge bases
- Ecommerce storefronts and product pages
- Internal tools and web application interfaces
Components included
- Buttons, button groups, and badges
- Alerts, modals, and toast notifications
- Accordions, tabs, and collapse elements
- Cards, list groups, and avatar components
- Navigation bars, sidebars, and mega menus
- Form inputs, selects, toggles, and file uploads
- Blockquotes, devices, and data display elements
Design files
The library ships with what is described as the largest free Figma design system built around Tailwind CSS conventions. Components in Figma mirror the code library, making it straightforward to hand off designs or iterate visually before writing code. This is included at no cost alongside the component library itself.
License & usage
Preline UI is released under a dual license — MIT and Preline UI Fair Use License — making it free for both personal and commercial use. The entire codebase is available on GitHub, and contributions from the community are welcome.
