Preline

Preline

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

Install

npm i preline
npx skills add htmlstreamofficial/preline

Copied from the project's README. Read what it does before you run it.

README scanSafe

Nothing risky found in the commands its README asks you to run.

We scan the README only, not the code. A clean result is not proof of safety. How we scan

Alternatives to Preline

Listings of the same kind that share the most topics, most-starred first.

Rea

Rea

Reverse engineer anything with agents, from app behavior down to native binaries.

SafeS
Frontend Slides

Frontend Slides

Create beautiful slides on the web using a coding agent's frontend skills

SafeA
Lieflat Charts

Lieflat Charts

Data visualization Skill for AI Agents, turning data into polished, interactive HTML charts. 面向 AI Agents 的数据可视化 Skill,将数据快速生成精致、可交互的 HTML 图表。

SafeA
Dashboard Design Skill

Dashboard Design Skill

A Claude Code skill for clean, honest dashboard UI: KPI tiles, charts, date pickers, ranked lists, states, layouts and a screenshot QA pass. Distilled from 127 shipped dashboards.

SafeA
Refactoring Ui Skill

Refactoring Ui Skill

Unofficial Claude Skill derived from the book Refactoring UI — a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.

SafeB
Travel Plan Viz

Travel Plan Viz

Migo · 旅行领航 —— 把旅行行程生成为单文件、可离线、手机优先的 HTML(交互地图+每日时间轴+出发前提醒)。Claude Code / Codex 通用 Skill(travel-plan-viz)。

SafeA
View on GitHub

Repository

Stars
6,525
Forks
414
Last updated
Nov 11, 2026
License
Not specified
Language
TypeScript
Created
May 15, 2022
Open issues
8
Quality score
A 72/100

htmlstreamofficial/preline

Read from GitHub daily.

See alternatives

Made by

No owner listed.

Sign in to claim this tool.