BaklaVue Builds on Baklava v3.4.2

Appearance

BaklaVueEnhanced Baklava experience for Vue 3

Type-safe, composable, ready to ship.

Get Started
View on GitHub
Open Theme Customizer
BaklaVue Logo
🚀

Vue 3 Integration

Composition API, reactive binding, and lifecycle hooks. Baklava components feel native in Vue.

📦

Type Safe

Full TypeScript with autocomplete, type checking, and IntelliSense for every component.

🔧

Composable Utilities

Enhanced DX and programmatic control.

📚

Well Documented

API docs, examples, and interactive playgrounds for every component.

🤖

MCP Support

Model Context Protocol server for AI assistants like Cursor, Claude, and Windsurf.

🌐

Localization

Built-in i18n support for multi-language applications.

↔️

RTL Support

Right-to-left layout support for Arabic, Hebrew, and other RTL languages.

🎨

Theme Customization

Design tokens for colors, typography, and spacing. Apply presets or define your own brand.

What is BaklaVue? ​

Disclaimer

BaklaVue builds on @trendyol/baklava v3.4.2. Not all Baklava components and features are yet available in BaklaVue. Check the components list for what's supported. Contributions welcome.

BaklaVue brings the Trendyol Baklava Design System to Vue 3. All components support v-model, TypeScript, and Vue-friendly APIs for a native development experience.

Quick Start ​

bash
npm install @baklavue/ui @baklavue/composables

See the Getting Started Guide for full setup.

Components ​

30+ Baklava components—forms, feedback, layout, navigation, and data display.

Browse all components →

Composables ​

More for programmatic control and DX.

Composables docs →

MCP Support ​

AI-powered development with Cursor, Claude, and Windsurf. The Baklavue MCP server gives AI assistants direct access to component docs, composable APIs, and usage examples — so they generate accurate Baklavue code out of the box.

MCP setup guide →

Learn More ​

Built with ❤️ for the Vue community