Herunterladen 1.4.0

VelinStyle per selbst gehostetem dist/, npm für Build-Tool-Integration oder gepinntem CDN-Build. Aktuelle Linie: 1.4.0 (Tailwind-Migrate-CLI, Scanner-Diagnostics, Skills 2.0). Pin @birdapi/velinstyle@1.4.0 (oder Ihr gewähltes Tag), damit CSS und Komponenten zusammenpassen. Für Go-Live bevorzugt den Production Builder statt des vollen CDN-Bundles. English: Download

Wann nutzen

• Selbst gehostet / dist/ kopieren — Produktion unter Ihrer Kontrolle; empfohlener Standard.
• npm — Vite/Webpack/Node-Apps mit CSS-Import und Subpath-Exports.
• CDN-Pin — Demos und Prototypen; immer eine Version pinnen, nie schwebendes latest in Produktion.
• Production Builder — velinstyle production . --explain, dann dist/velin-production/ verlinken.
• Optionale Pakete — @birdapi/velinstyle-tailwind@1.4.0 für Tailwind-Compat; @birdapi/velinstyle-motion für Motion Clips (separate npm-Pakete).

Wann nicht

• Kein altes CDN-CSS mit neuerem lokalem Komponenten-Bundle mischen.
• Components-JS weglassen, wenn Sie nur Utilities und CSS-Muster brauchen.

Nach dem Laden optional initA11y() aufrufen — siehe A11y-Bootstrap.

Selbst gehostet (empfohlen)

Kopieren Sie dist/ aus dem Framework-Repository oder dieser Docs-Site. Optionale Drittanbieter-CDNs können ältere npm-Builds referenzieren — pinnen Sie, was Sie ausliefern.

<!-- VelinStyle CSS -->
<link rel="stylesheet"
      href="/dist/velinstyle.min.css">

<!-- VelinStyle Web Components (optional, IIFE) -->
<script
        src="/dist/velinstyle-components.iife.js"></script>

Alternativ jsDelivr als CDN:

<link rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@birdapi/velinstyle@1.4.0/dist/velinstyle.min.css">

npm

Installieren Sie VelinStyle als Abhängigkeit in Ihrem Node.js-Projekt, um es in die Build-Pipeline (Vite, Webpack, Rollup usw.) einzubinden:

# npm
npm install @birdapi/velinstyle@1.4.0

# yarn
yarn add @birdapi/velinstyle@1.4.0

# pnpm
pnpm add @birdapi/velinstyle@1.4.0

Dann CSS in der Entry-Datei importieren:

// Gesamtes VelinStyle-CSS importieren
import '@birdapi/velinstyle/dist/velinstyle.min.css';

// Optional: Web Components
import '@birdapi/velinstyle/dist/velinstyle-components.min.js';

Vendor, Monorepo & Windows

• Vendor-Kopie: velinstyle init / create landing kopieren dist/ nach vendor/velinstyle/ (CSS, Komponenten-JS, velin-icons.svg, Themes). Setzen Sie <meta name="velin-icon-sprite"> auf dieses Sprite.
• Monorepo: Verlinken Sie das lokale Paket ("@birdapi/velinstyle": "file:../velinstyle") oder importieren Sie aus dem benachbarten dist/; CSS- und JS-Version müssen zusammenpassen.
• Windows: Config-Imports verwenden pathToFileURL — vermeiden Sie rohe import('D:\...')-Muster. Siehe CLI-Hinweise zu Windows.
• Schnellstart: Landing in 15 Minuten.

Kompiliertes CSS & JS

Laden Sie die fertigen kompilierten Dateien herunter. Das Archiv enthält minifizierte und unminifizierte Versionen, Theme-Presets und das Web-Components-Bundle.

Quelldateien

Wenn Sie VelinStyle selbst kompilieren oder den CSS-Quellcode anpassen möchten, klonen Sie das Repository und bauen aus dem Quellcode:

git clone https://github.com/SkyliteDesign/velinstyle.git
cd velinstyle
npm install
npm run build