Play around

Check out our 🌐 Demo and ℹ️ List of Components for live demo sandbox.

Read the docs

• ℹ️ Design Tokens
• ℹ️ CSS Bundling
• ℹ️ Action Definitions
• ℹ️ Progressive Web App
• ℹ️ Component Preload
• ℹ️ Library Preload
• 🌐 Forms
• 🌐 Colors
• 🌐 Icons
• 🌐 Utils

Get

Get using bun:

bun add '@dativa-lv/lx-ui@latest'

Get using pnpm:

pnpm i '@dativa-lv/lx-ui@latest'

For migration tips refer to ℹ️ Migration Guide

Use

install with pinia store:

import { createPinia } from 'pinia';
import { createLx } from '@dativa-lv/lx-ui';
import App from '@/App.vue';
…
const myApp = createApp(App);
myApp.use(createPinia());
myApp.use(createLx());
…

Extend

• lx/builders - a companion library containing declarative design tools for views, forms, etc.

Develop

bun install
bun run dev

Read more about development in ℹ️ Development manual

Vite Plugins

LX/UI now includes several Vite plugins to enhance your development experience and application security. These plugins are designed to seamlessly integrate with your Vite-based projects.

For detailed information on available plugins and their usage, please refer to our ℹ️ Vite Plugins Documentation.