Skip to content
Agents tracked: 444 Releases (7d): 644 Agent status: 4 with issuesSince last limit reset: Claude 31d · Codex 3d Updated Oct 23, 2026

Preline UI by Preline Labs Ltd

minimalcorporateflat agent.md for AI agents

Open-source Tailwind CSS component set (npm package preline) with free components and blocks; a paid Preline Pro adds premium blocks and templates.

UI kits and website templates Open source

Is Preline UI free for commercial use? With conditions →

Price
Free tier
Preline UI components are free for personal and...
Commercial use
With conditions
MIT plus Preline UI Fair Use License (dual)
Credit the author
Per item
Credit depends on the item
Agent access
Official MCP server

Preline UI popularity

Gid Score
32 /100
same scale as developer tools
GitHub stars
6,501
Downloads
38K
npm, last 7 days, preline · +24.4% in 4 weeks
Used in agent projects
1
preline in our scan
Preline UI: downloads per weeknpm, preline 37,999
Preline UI: GitHub starshtmlstreamofficial/preline 6,501

Downloads from api.npmjs.org, stars and forks from GitHub, checked Oct 22, 2026. How the Gid Score is calculated.

Rules for your agent

- Preline UI (UI kits and website templates). Open-source Tailwind CSS component set (npm package preline) with free components and blocks; a paid Preline Pro adds premium blocks and templates. Price: free tier; commercial use with conditions; credit depends on the item; ship inside your app with conditions. Style: minimal, corporate, flat.
  Connect: npm preline.
  Get files: npm i preline, import the Preline variants file after tailwindcss, add the preline JS before </body>; free blocks are copied from preline.co. Agent skills: npx skills add htmlstreamofficial/preline (html, css).
  Not allowed: Fair Use License: no directly competing product
  Not allowed: Pro: no redistribution, no open-source projects
  Rule: Do not use it to build a product or service that directly competes with Preline UI.
  Rule: Derivative works and redistributions need attribution with a link to the original repository and both licences kept.
  Rule: Pro components are a separate paid licence: no redistribution, no use in open-source projects, themes, UI kits or generators.
  License: https://preline.co/docs/license.html (checked 2026-10-21; details: https://agentgid.com/assets/preline-ui/)

Paste it into your prompt or AGENTS.md. It is built from the license and API terms below.

License

LicenseMIT plus Preline UI Fair Use License (dual)
Commercial useCommercial use with conditions
“Preline UI is free for both personal and commercial projects” preline.co/docs/license.html
CreditCredit depends on the item
“Must include clear attribution with a link to the original repository.” preline.co/docs/license.html
Inside your app or gameShip inside your app with conditions
“The Software shall not be used to create any product or service that directly competes with Preline UI.” preline.co/docs/license.html
AI trainingNot stated
Bots and bulk downloadsNot stated
Rules
  • Do not use it to build a product or service that directly competes with Preline UI.
  • Derivative works and redistributions need attribution with a link to the original repository and both licences kept.
  • Pro components are a separate paid licence: no redistribution, no use in open-source projects, themes, UI kits or generators.

Connect it to an agent

How an agent gets filesnpm i preline, import the Preline variants file after tailwindcss, add the preline JS before </body>; free blocks are copied from preline.co. Agent skills: npx skills add htmlstreamofficial/preline. · no sign-in
File formatshtml, css
Not allowed
  • Fair Use License: no directly competing product
  • Pro: no redistribution, no open-source projects
MCP serverOfficial
APINo public API: download by hand
npmnpm install preline
In AI-agent projectspreline is in 1 of 4,828 JavaScript projects (0.0%) in our scan of repos set up for AI coding agents.
GitHubhtmlstreamofficial/preline

Use it in your stack

Tailwind CSS Tailwind CSS v4. Docs also add @plugin "@tailwindcss/forms" (npm install -D @tailwindcss/forms) and a theme import.
npm i preline

/* main.css */
@import "tailwindcss";
@source "./node_modules/preline/dist/*.js";
@import "./node_modules/preline/variants.css";

From the official docs: preline.co/docs/index.html

Pricing

FreePreline UI components are free for personal and commercial projects; Pro is paid.
Paid from—
Usage pricePreline Pro: EUR 221 one-time, one developer, unlimited projects
Good to knowA Preline MCP is mentioned on the Pro page (free until 2027-01-01, subscription afterwards).

Sources

Read on Oct 21, 2026: preline.co/docs/license.html, github.com/htmlstreamofficial/preline, preline.co/pro/.

Not confirmed: Whether attribution applies to plain use (not derivative works) of the free components is not clear; Pro licence text itself was not read, only the pricing page summary.

Not legal advice. Check the license page before you ship.

Alternatives to Preline UI

All ui kits and website templates

Pick for your agentSourcePriceLicense Agent access
shadcn/ui
Open-source set of accessible React components and blocks that you copy into your own codebase through a CLI and registries.
minimalmonochromeflat
Used in 273 AI-agent projects (5.7% of JS)
Free Commercial OK No credit MCP
shadcn
daisyUI
Free Tailwind CSS plugin that adds semantic component class names (btn, card, ...) and themes; paid templates, charts and a Figma library are sold in a separate store.
colorfulplayfulflat
Used in 60 AI-agent projects (1.2% of JS)
Free tier Commercial OK No credit MCP
daisyui
HeroUI
Open-source React UI components built on React Aria and Tailwind CSS v4, with a CLI, llms.txt and an MCP server.
minimalflatcolorful
Used in 18 AI-agent projects (0.4% of JS)
Free Commercial OK MCP
@heroui/react
Flowbite
Open-source Tailwind CSS component library (MIT) with copy-paste HTML components, plugin JS and framework guides; a paid Flowbite Pro adds blocks and templates.
minimalflatcorporate
Used in 9 AI-agent projects (0.2% of JS)
Free tier Commercial OK No credit MCP
flowbite
Magic UI
Copy-and-paste animated React/Tailwind components for landing pages, installable via the shadcn CLI; a paid Pro adds templates and premium components.
gradientcolorfulminimal
Free tier Commercial OK No credit MCP
Tremor
Open-source React and Tailwind components for charts and dashboards (copy-paste or @tremor/react), plus blocks and templates at blocks.tremor.so.
minimalcorporateflat
Used in 6 AI-agent projects (0.1% of JS)
Free Commercial OK npm
@tremor/react
HyperUI
Free, open-source Tailwind CSS v4 components for marketing sites, web apps and eCommerce; copy the markup from the site and paste it into a project.
minimalflat
Free Commercial OK No credit Download
Cruip
Tailwind CSS landing-page, SaaS and admin dashboard templates (Next.js, React, Vue, Laravel, Figma); a few are free, most are premium.
gradientminimalcorporate
Free tier Commercial OK No credit Download