2.1
Skip to content 
Used by
Mekari Pixel is used and adopted by all Mekari products.
Features
Library for building digital products easily. Guided by clear standards to build digital products for Mekari.
105+ Components
Ready-made 105+ components designed for both Vue 2 and Vue 3.
Performance
Type-Safety Optimized
Both Mekari Pixel for Vue 2 and Vue 3 components build on top of low-level API (render functions) to ensure optimal performance.
Atomic CSS
Ease of styling Flexible Composable
Both Mekari Pixel for Vue 2 and Vue 3 build with Atomic CSS approach.
2.1
Dark Mode
Supports dark mode out of the box with design tokens v2.4
Design Tokens
Colors, spacing, typography and etc..
You must fill in username
Form control
Provides context such as id, label, help text, readonly, invalid, etc...
1975+ Usage examples
Both Mekari Pixel for Vue 2 and Vue 3 include a wide range of component usage examples.
39+
Patterns Collections
Combination of several components and other customizations for advance UI use cases.
58+
Templates Collections
Pre-made layouts that combine multiple patterns and components to create full page structures
Features
Library for building digital products easily. Guided by clear standards to build digital products for Mekari.
Performance
Type-Safety Optimized
Both Mekari Pixel for Vue 2 and Vue 3 components build on top of low-level API (render functions) to ensure optimal performance.
Atomic CSS
Ease of styling Flexible Composable
Both Mekari Pixel for Vue 2 and Vue 3 build with Atomic CSS approach.
2.1
Dark Mode
Supports dark mode out of the box with design tokens v2.4
Design Tokens
Colors, spacing, typography and etc..
105+ Components
Ready-made 105+ components designed for both Vue 2 and Vue 3.
You must fill in username
Form control
Provides context such as id, label, help text, readonly, invalid, etc...
1975+ Usage examples
Both Mekari Pixel for Vue 2 and Vue 3 include a wide range of component usage examples.
39+
Patterns Collections
Combination of several components and other customizations for advance UI use cases.
58+
Templates Collections
Pre-made layouts that combine multiple patterns and components to create full page structures
Package statistics
Show statistics for Mekari Pixel packages.
All time downloads Total
Yearly downloads Average
Quarterly downloads Average
Monthly downloads Average
Base Layouts
Pre-made layouts for general Mekari products.
Core Teams
Sastra Nababan
UX Engineer Lead
Dirga Prakesha
UX Engineer
Ahmad Zakiy
UX Engineer
Dimas Raka Septiawan
UX Engineer