@lnpg/sol (v1.0.0)

Sol is a framework-agnostic design foundation for UI kits and applications.

It ships:

• CSS builds (ready to drop into any app)
• SCSS source (tokens, functions, mixins, element styles, and adapters)
• Typed HTML element factories (safe-ish DOM creation helpers with strong TypeScript typing)
• Tailwind v4 adapter (preset + plugin wrapper)

Repo: https://github.com/lnpgdev/sol
Docs (VitePress site): npm run docs
API docs (TypeDoc markdown): generated into docs/api/ts

---

Table of contents

• What Sol is
• Install
• Entry points
  • JavaScript/TypeScript
  • Elements API
  • Tailwind adapter
  • CSS entry points
  • SCSS entry points
• Quick start
  • Use prebuilt CSS
  • Use SCSS tokens/functions/mixins
  • Use element factories
  • Use Tailwind adapter
• Design + security principles
• Build outputs
• Scripts
• Production readiness checklist
• Contributing
• License

---

What Sol is

Sol aims to be the lowest-level design foundation layer:

• Styles: tokens + primitives + optional element styling
• DOM: typed factories that wrap native elements (no framework assumptions)

Sol intentionally does not attempt to be:

• a full component library
• a design system website
• a framework binding (React/Vue/etc)

Think of it as: “a reliable base layer you can import into anything, without regretting it later.”

---

Install

npm i @lnpg/sol