# thedevdojo/pines

The Pines UI library

Repository: https://github.com/thedevdojo/pines
Canonical: https://ross.abutalabs.com/products/pines
Homepage: https://devdojo.com/pines
Language: HTML
License: MIT
License Family: permissive
Topics: alpinejs, library, tailwindcss, ui
Last push: 2025-08-23T13:25:31+00:00

## Health v2 (maintenance only)
Score: 46/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 38, release rhythm 35, longevity 85
- inputs: {"age_days": 1197, "days_push": 375, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3317, forks 131 (observed 2026-08-28T04:07:56.162031+00:00)

## What it is
Pines is an open-source UI library of 42 copy-paste HTML elements (modals, accordions, tooltips, dropdowns, etc.) built with AlpineJS directives and TailwindCSS utility classes. It requires no package installation or build step—just include Alpine and Tailwind and paste any element into your page.

## Use cases
- add modals and tooltips to an alpine tailwind project
- copy paste ui components without npm packages
- find accordion and dropdown menu html snippets
- build interactive ui with alpinejs and tailwindcss
- get marketing page sections like heroes and pricing blocks
- add toast notifications and date pickers to a static site

## When to choose
- your project already uses AlpineJS and TailwindCSS
- you want zero build tooling and no extra dependencies
- you prefer self-contained HTML you can tweak directly
- you need quick marketing or interactive elements for a site

## When to avoid
- you use React, Vue, or another component framework instead of Alpine
- you need a full design system with theming tokens and npm distribution
- you require TypeScript types or tree-shakeable component imports

## Facets
- artifact type: library
- maturity: active
- function: ui-components, animation, frontend-framework
- domain: web-development, frontend, web-design
- platform: browser
- tags: alpinejs, tailwindcss, copy-paste-components, html, no-build-step, open-source, nodejs

## Member repositories
- thedevdojo/pines (main) score 46

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:56.162031+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:22:39.364209+00:00, confidence not recorded.
  - readme: https://github.com/thedevdojo/pines (fetched 2026-08-28T04:07:56.162031+00:00, sha 1e4ba285c369)
  - homepage: https://devdojo.com/pines (fetched 2026-08-29T09:35:03.985866+00:00, sha 43e057c588db)
  - site_page: https://devdojo.com/docs (fetched 2026-08-29T09:35:03.990370+00:00, sha 12f0cf2970a6)
  - site_page: https://devdojo.com/pines/docs/introduction (fetched 2026-08-29T09:35:03.992404+00:00, sha 7486cd0c2f41)
  - site_page: https://devdojo.com/pines/docs/accordion (fetched 2026-08-29T09:35:03.994542+00:00, sha 91c3ccfbdbb8)
  - site_page: https://devdojo.com/pines/docs/alert (fetched 2026-08-29T09:35:03.997782+00:00, sha dbe51fca088e)
  - site_page: https://devdojo.com/pines/docs/banner (fetched 2026-08-29T09:35:04.000717+00:00, sha f3da35e3e300)
  - site_page: https://devdojo.com/pines/docs/button (fetched 2026-08-29T09:35:04.004139+00:00, sha f52a0c0e6656)
  - site_page: https://devdojo.com/pines/docs/command (fetched 2026-08-29T09:35:04.006529+00:00, sha cec286f0545c)
  - site_page: https://devdojo.com/pricing (fetched 2026-08-29T09:35:03.988473+00:00, sha c894cb1d2871)
- Data as of 2026-08-30T08:39:29.467469+00:00.