Preline UI
Tailwind components as plain HTML.
Preline delivers Tailwind components as plain HTML plus a small vanilla JavaScript plugin. No framework required, which makes it one of the few modern options that drops cleanly into a Rails, Django, Laravel or Astro template.
At a glance
| Install | npm install preline |
| Markup | plain HTML, framework optional |
| JavaScript | vanilla plugin, no React or Vue needed |
| Framework guides | React, Vue, Astro, Laravel, Django and more |
| MCP server | not published |
| License | MIT open source, commercial for Pro blocks |
Install
npm install preline
Then load the plugin once, and the components in your markup initialise themselves.
Why plain HTML matters here
Most of the good Tailwind kits assume React. If your application renders templates on the server, that assumption is a wall: you either adopt a frontend framework you did not want, or you rebuild the components yourself.
Preline sits in that gap. The markup is HTML, the behaviour is a script tag, and the framework guides exist for when you do have one.
Free versus Pro
The component library is MIT and generous. The Pro tier adds page templates, prebuilt blocks and the Figma files. For a landing page you can usually stay on the free side; for a full admin template, price the Pro tier before you start.
Choose it if
- You work in a server-rendered stack and want modern Tailwind components anyway.
- You want components that survive a change of frontend framework.
Look elsewhere if
- You are in React and want typed components. shadcn/ui or HeroUI fit better.
- You need documented WAI-ARIA conformance per component.
