Aidash Design System

Build Faster,Stay Consistent

Sistem komponen lengkap untuk antarmuka modern — documented, flexible, siap pakai di semua project Aidash.

Aidash Components adalah design system yang dibangun dari komponen-komponen nyata panel Aidash. Setiap button, card, input, dan overlay sudah teruji di production. Tinggal import, sesuaikan tema, dan ship. Satu library untuk semua project — konsisten dari dashboard hingga landing page.

0+Komponen
0+Variant
0+Props
0Halaman Docs

Komponen Siap Pakai

Setiap komponen dirancang dengan variant lengkap, props yang fleksibel, dan dokumentasi detail. Klik untuk eksplorasi.

Kenapa Aidash Components?

Consistent Design System

Setiap komponen berbagi fondasi yang sama — token warna, tipografi, dan spacing konsisten. Hasil akhirnya selalu terlihat menyatu, apapun kombinasinya.

Fully Documented

Setiap komponen dilengkapi dokumentasi lengkap — variant, props, contoh kode, dan live preview interaktif. Tidak perlu tebak-tebakan cara pakainya.

Copy & Customize

Salin kode komponen langsung ke project, sesuaikan tema dengan token warna sendiri. Fleksibel tanpa lock-in — pakai sebanyak atau sesedikit yang dibutuhkan.

Mulai dalam 3 Langkah

Dari install hingga render komponen pertama — semudah copy-paste.

01

Install

Tambahkan Aidash Components ke project kamu dengan satu command.

npm install aidash-components
02

Import

Import komponen yang kamu butuhkan langsung ke file.

import { Button, Card } from 'aidash-components';
03

Use

Gunakan komponen dengan props yang fleksibel dan konsisten.

<Button variant="primary" size="md">Get Started</Button>
MyComponent.tsx
1import { Button, Card, Badge } from 'aidash-components';2 3export function MyComponent() {4 return (5 <Card variant="elevated" hover>6 <Card.Header>7 <Badge variant="subtle" color="primary">8 New9 </Badge>10 <h3>Welcome to Aidash</h3>11 </Card.Header>12 <Card.Body>13 <p>Build modern interfaces with14 consistent, documented components.</p>15 </Card.Body>16 <Card.Footer>17 <Button variant="primary" size="md">18 Get Started19 </Button>20 <Button variant="ghost" size="md">21 Learn More22 </Button>23 </Card.Footer>24 </Card>25 );26}

Bangun Interface Lebih Cepat

Jelajahi 30+ komponen dengan dokumentasi lengkap. Satu library untuk semua project Aidash.

Lihat Komponen