Is Preline UI free for commercial use?

Do you need to credit Preline UI?

Credit depends on the item.

“Must include clear attribution with a link to the original repository.” preline.co/docs/license.html

Can you ship Preline UI content inside an 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

Rules to follow

• 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.

- 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/)

Preline UI: full license, pricing and API details →