1. Docs
2. Getting Started
3. Download

Download 1.2.2

Get VelinStyle via self-hosted dist/, npm for build-tool integration, or a pinned CDN build. Pin @birdapi/velinstyle@1.3.0 (or your chosen tag) so CSS and components stay aligned. For go-live, prefer velinstyle production over shipping the full CDN bundle. Deutsch: Herunterladen

When to use

• Self-hosted / copy dist/ — production sites you control; recommended default.
• Production Builder — velinstyle production . --explain then link dist/velin-production/ for trimmed go-live assets.
• npm — Vite/Webpack/Node apps that import CSS and subpath exports.
• CDN pin — demos and prototypes; always pin a version, never floating latest in production.

When not

• Do not mix an old CDN CSS with a newer local components bundle.
• Skip components JS if you only need utilities and CSS patterns.

After load, optionally call initA11y() — see Accessibility bootstrap.

Self-hosted (recommended)

Copy dist/ from the framework repository or this docs site. Optional third-party CDNs may reference older npm builds — pin what you ship.

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

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

You can also use jsDelivr as an alternative CDN:

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

npm

Install VelinStyle as a dependency in your Node.js project to integrate it with your build pipeline (Vite, Webpack, Rollup, etc.):

# npm
npm install @birdapi/velinstyle

# yarn
yarn add @birdapi/velinstyle

# pnpm
pnpm add @birdapi/velinstyle

Then import the CSS in your entry file:

// Import all of VelinStyle CSS
import '@birdapi/velinstyle/dist/velinstyle.min.css';

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

Vendor, monorepo & Windows

• Vendor copy: velinstyle init / create landing copy dist/ into vendor/velinstyle/ (CSS, components JS, velin-icons.svg, themes). Point <meta name="velin-icon-sprite"> at that sprite.
• Monorepo: link the local package ("@birdapi/velinstyle": "file:../velinstyle") or import from the sibling dist/; keep CSS and JS versions matched.
• Windows: config imports use pathToFileURL — avoid raw import('D:\\...') patterns. See CLI Windows notes.
• Quick path: Landing in 15 minutes.

Compiled CSS & JS

Download the ready-to-use compiled files. The archive contains minified and unminified versions, theme presets, and the Web Components bundle.

Source Files

If you want to compile VelinStyle yourself or customize the CSS source, clone the repository and build from source:

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