Preline UI

Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiring

Tier B · UsefulComponent LibraryBlock CollectionTemplatepreline.co

Preline UI is an open-source Tailwind CSS component set built on a vanilla-JS plugin, covering roughly 73 component families across layout, forms, overlays, navigation and tables — which Preline markets as 640+ ready-made examples plus 204 free blocks and 5 free templates. Its distinguishing feature is the third-party integration layer: documented wiring for advanced select, datatables, charts, maps, datepickers and rich text editors that most free libraries leave to you. Preline Pro adds 780+ blocks and 21 templates (207 pages) as a one-time purchase.

Install

npm i preline && npm i -D @tailwindcss/forms

For an agent

Choose Preline when the build needs the awkward widgets — a searchable advanced select, a datatable, a chart, a map, a rich text editor — because it documents the third-party wiring instead of leaving you to integrate Choices.js or ApexCharts yourself; daisyUI and Flowbite both stop short of that. Read the licence before copying: it is dual MIT + 'Preline UI Fair Use License', and redistribution is explicitly forbidden on both free and paid tiers, so never emit Preline markup into a component library or template you intend to publish. The '640+ components' figure is marketing for example variants — the real surface is about 73 component families, so verify a component exists in the docs before you assume it.

Why it is here. The free Tailwind library with the widest integration surface, and the one whose licence has a redistribution trap that an agent copy-pasting blocks will otherwise walk straight into.

Install command, framework, licence and component list.

Facts

License: MIT, Source available
Pricing: Freemium, Open source, One-time purchase
Framework: Vanilla JS, React, Next.js, Vue, Astro, Angular, Svelte
Styling: Tailwind CSS v4, Tailwind CSS
Distribution: npm package, Copy-paste snippet, GitHub repository, Figma file or kit
Platform: Web
Content type: Code, Figma / design source files
Agent readiness: Copy-paste ready code, Structured documentation, Readable open source, CLI installable
Accessibility: Semantic HTML, Keyboard navigable, Accessible
Maturity: Actively maintained
Pricing detail: Open Source: free. Pro: $249 one-time (single developer). Team: $459 one-time (up to 15 developers). Enterprise: custom. Free tier includes 640+ components, 204 blocks and 5 templates; Pro/Team add 780+ blocks and 21 templates totalling 207 pages. Redistribution is prohibited on free and paid tiers; only Enterprise permits it under separate terms.
GitHub stars: 6,384
Package: preline

Components it ships

Helps you build

Templates

1 of 5

Preline free templates · 5 premium templates (5 main pages) included at no cost with the open-source library↗

Notable for

~73 component families, 640+ marketed examples
204 free blocks and 5 free templates
documented third-party plugin integrations
dual MIT + Fair Use licence, no redistribution
Pro $249 / Team $459 one-time

Provenance

Verified 2026-08-16. HTTP 200. https://preline.co/docs/index.html, https://preline.co/pricing.html, https://raw.githubusercontent.com/htmlstreamofficial/preline/main/LICENSE, https://api.github.com/repos/htmlstreamofficial/preline, https://registry.npmjs.org/preline; https://preline.co/pro.html 404, https://preline.co/llms.txt 404

Also in Component Libraries

preline.coTier B