Astratto UI

⚠️ Library still under development ⚠️

Yes, yet another UI library. Built on top of UIkit 3, it's exclusive to Nuxt.

It's the successor of my old private library with support for nuxt2. I usually use it in clients work.

Nuxt 3 came out so the need for an upgrade is necessary, so why not a re-write and open it for everyone?

Features

• Built on top of UIkit 3
• Very light weight && elegant
• Modular, use what only what's needed

Quick Setup

1. Add astratto-ui dependency to your project

1# Using pnpm
2pnpm add -D @samk-dev/astratto-ui
3
4# Using yarn
5yarn add --dev @samk-dev/astratto-ui
6
7# Using npm
8npm install --save-dev @samk-dev/astratto-ui

2. Add @samk-dev/astratto-ui to the modules section of nuxt.config.ts

1export default defineNuxtConfig({
2  modules: ['@samk-dev/astratto-ui']
3})

That's it! You can now use Astratto UI in your Nuxt app ✨

Development

1# Install dependencies
2pnpm install
3
4# Generate type stubs
5pnpm run dev:prepare
6
7# Develop with the playground
8pnpm run dev
9
10# Build the playground
11pnpm run dev:build
12
13# Run ESLint
14pnpm run lint
15
16# Run Vitest
17pnpm run test
18pnpm run test:watch
19
20# Release new version
21pnpm run release