@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.

🧪 Testing

pnpm test

📈 Changelog

Please see our releases page for more information on what has changed recently.

💪🏼 Contributing

Please see CONTRIBUTING for details.

🏝 Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

Discussions on GitHub

For casual chit-chat with others using this package:

Join the Open Web Discord Server

📄 License

The MIT License (MIT). Please see LICENSE for more information.

Made with ❤️