@atelier-ui/vue

@atelier-ui/vue

LLM-optimized component library for Vue 3.

Features

• Vue 3 Native: Built with <script setup> and defineProps.
• Accessible: WAI-ARIA compliant components with keyboard support.
• LLM-Ready: Highly predictable prop APIs optimized for AI assistants.
• Themed: Shared CSS token system with automatic dark mode.

Installation

npm install @atelier-ui/vue

Add the design tokens to your global main.css:

@import '@atelier-ui/vue/styles/tokens.css';

Usage

<script setup>
import { AtlButton } from '@atelier-ui/vue';
</script>

<template>
  <AtlButton variant="primary" @click="save">Save</AtlButton>
</template>