Getting Started

PinesUI is an ASP.NET Core component library built on Pines UI, using AlpineJS, TailwindCSS, and Static Components. It provides a collection of ready-to-use, server-rendered UI components that leverage the HATS stack (HTMX + AlpineJS + TailwindCSS + Static Components).

What's Included

PinesUI ships with over 20 components covering common UI patterns: alerts, badges, buttons, cards, modals, forms, data tables, image galleries, navigation elements, and more. Each component is a Razor Tag Helper that renders semantic HTML styled with TailwindCSS and enhanced with AlpineJS for interactivity.

Tech Stack

AlpineJS

Lightweight JavaScript framework for declarative interactivity directly in your markup.

TailwindCSS

Utility-first CSS framework for rapid, consistent styling without leaving your HTML.

GSAP

Professional-grade animation library powering text animations and transitions.

Static Components

Server-side component model for ASP.NET Core with slots, scripts, and tag helper integration.

Next Steps

Head over to the Installation page to add PinesUI to your project, then explore the component library in the sidebar.