Back to directory

Preline UI

An open-source Tailwind CSS component library with prebuilt blocks, templates, and headless plugins for building websites and apps, plus a Figma design system and agent skills for theming.

Preline UI

Preline UI is an open-source Tailwind CSS UI component library for building modern websites and apps. It bundles UI blocks, templates, plugins, and a Figma design system, aiming to give developers flexible markup, scalable design systems, and polished UI patterns without rebuilding everything from scratch.

The free tier includes 204 Tailwind CSS blocks and sections, five templates, and 27 headless plugins covering disclosure widgets such as accordions and tree views, navigation like tabs and steppers, overlays such as dropdowns and tooltips, and form controls including select, combobox, and file upload. It installs through npm and is imported into a Tailwind CSS file alongside its variants and theme files, and it also ships Agent Skills for tools such as Cursor and Claude Code to automate theme generation and UI workflows.

More in UI kits

See all 31
  • A public-domain, JavaScript-free reference of loading-spinner designs implemented as low-frame-rate CSS or SVG, cutting a typical laptop's GPU usage from around 50 percent to single digits.

  • madeui

    madeui.com

    An open-source UI component library whose 59 components are copied into your project as editable source files, built on Base UI and StyleX with typed design tokens.

  • Crucible

    crucible-docs.naveenr.in

    A code generation engine that scaffolds production-ready React, Vue, Angular and React Native components styled with CSS Modules, SCSS, Tailwind, NativeWind or StyleSheet, producing plain source files a project owns instead of a runtime package.