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
Preline UI popularity
Downloads from api.npmjs.org, stars and forks from GitHub, checked Oct 22, 2026. How the Gid Score is calculated.
Rules for your agent
Copied.
- 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
| License | MIT plus Preline UI Fair Use License (dual) |
|---|---|
| Commercial use | Commercial use with conditions“Preline UI is free for both personal and commercial projects” preline.co/docs/license.html |
| Credit | Credit depends on the item“Must include clear attribution with a link to the original repository.” preline.co/docs/license.html |
| Inside your app or game | Ship 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 training | Not stated |
| Bots and bulk downloads | Not stated |
| Rules |
|
Connect it to an agent
| How an agent gets 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. · no sign-in |
|---|---|
| File formats | html, css |
| Not allowed |
|
| MCP server | Official |
| API | No public API: download by hand |
| npm | npm install preline |
| In AI-agent projects | preline is in 1 of 4,828 JavaScript projects (0.0%) in our scan of repos set up for AI coding agents. |
| GitHub | htmlstreamofficial/preline |
Use it in your stack
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
| Free | Preline UI components are free for personal and commercial projects; Pro is paid. |
|---|---|
| Paid from | — |
| Usage price | Preline Pro: EUR 221 one-time, one developer, unlimited projects |
| Good to know | A 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
| Pick for your agent | Source | Price | License | 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 | MCPshadcn |
|
| 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 | MCPdaisyui |
|
| 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 | MCPflowbite |
|
| 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 |