@stacksjs/framework NPM

@stacksjs/framework

This framework contains the "core" Stacks logic, its runtime & helpers, excluding the IDE setup.

☘️ Features

The ultimate goal of this framework, Stacks, is to help you create a component and/or function library. Stacks is a toolkit of composables, methods, and other goodies required to build optimized libraries. A highly optimized build process that automatically generates .mjs & .cjs library distributions for you, including its TypeScript types.

Other included core features are:

⚡️ Vite plugins to build the component library
🏎 Blazing fast, empowered by a beautiful DX
👣 Tiny foot-print in production builds
💬 Fully-typed TypeScript definitions
🌳 Treeshaking for Vue & Web Components
🎨 Optimized UnoCSS build for Vue & Web Components (defaults to Tailwind CSS utility classes)
🧙🏼‍♀️ Unified way to access hundreds of icon sets — Icons in Pure CSS

And all of this in a zero-config, yet configurable, way.

🤖 Usage

If you want to use Stacks outside of this framework, install it as a dev dependency:

pnpm i -D @stacksjs/framework

Now, you can use it in your project:

import {
  Stacks,
  atomicCssEngine,
  autoImports,
  components,
  createApp,
  defineConfig,
  defineTestConfig,
  inspect,
  resolve,
  uiEngine
} from '@stacksjs/framework'

// you are now free to use any of the imported methods

Learn more in the docs.