preline
An open-source UI component library based on Tailwind CSS, supporting automated theme generation and UI workflows.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 6.3k
- Source
- skill-github
- Repository
- github.com/htmlstreamofficial/preline
Overview
Preline UI is an open-source UI component library built on Tailwind CSS, featuring pre-built UI components, templates, plugins, and a Figma design system. It provides developers with flexible markup, extensible design systems, and polished UI patterns, eliminating the need to build from scratch. Preline UI also includes Agent Skills that integrate with tools like Cursor, Claude Code, and Gemini CLI, simplifying theme generation and UI workflows. Ideal for development teams aiming to rapidly build modern websites and applications.
Capabilities
- ▪204 free Tailwind CSS blocks and snippets
- ▪5 free Tailwind CSS templates
- ▪27 headless Tailwind CSS plugins
- ▪Enterprise-grade accessibility components
- ▪Agent Skills support
Use cases
Setup
npx skills add htmlstreamofficial/preline
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
Does Preline UI support accessibility?
Yes, Preline UI includes enterprise-grade accessibility components.
How do I install Preline UI?
Install using npm: npm i preline.
Related skills
motion-skills
56 open-source skills to teach your AI coding agent to create dynamic graphics, animations, and videos.
ux-ui-agent-skills
Transform Claude into a senior design architect with design tokens, components, accessibility, and more.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
sprite-gen
Generate clean 2D game sprites and animation atlases.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.