Langsung ke konten
Semua aplikasi

Cupertino UI

Komponen web bergaya Apple yang siap pakai langsung untuk shadcn.

Open source dan gratis untuk proyek apa pun.

Untuk WebCara data Anda ditangani

  • Gratis
  • Tanpa iklan & pelacakan
  • Tanpa akun
  • Data tetap di perangkat
  • Halaman utama Cupertino UI dengan navigasi dokumentasi dan komponen
    Komponen bergaya Apple yang siap pakai untuk shadcn
  • Kartu showcase interaktif menampilkan tombol, badge, segmented control, switch, dan slider
    Kontrol dan input interaktif sesuai standar HIG
  • Dokumentasi komponen dan perintah instalasi CLI
    Pasang komponen langsung melalui CLI shadcn

Cupertino UI adalah registri komponen yang kompatibel dengan shadcn, didesain ulang mengikuti Apple Human Interface Guidelines.

Yang bisa dilakukan

  • Pengganti langsung (drop-in replacement) untuk primitif shadcn: nama varian, props API, data-slot, dan asChild identik dengan shadcn. Semua blok dan template shadcn yang sudah ada tetap berfungsi tanpa perubahan.
  • Menerapkan konvensi desain Apple: tombol berbentuk pil, target sentuh minimal 44pt, skala tipografi bergaya San Francisco, dan warna sistem Apple.
  • Dukungan penuh untuk mode terang dan gelap dengan palet warna sistem Apple (#007AFF dan #0A84FF system blue, warna destructive khas, dan border halus).
  • Aksesibel sejak awal, dengan focus ring standar native, rasio kontras yang terjaga, dan dukungan pembaca layar (screen reader).
  • Lebih dari 50 komponen siap pakai lewat CLI shadcn (button, segmented control, card, sheet, dialog, slider, switch, table, sidebar, dan lainnya).
  • Tanpa vendor lock-in: komponen di-copy langsung ke dalam codebase proyek Anda seperti model shadcn biasa.

Kenapa aplikasi ini ada

Membuat antarmuka web bergaya Apple biasanya membutuhkan penyesuaian CSS yang rumit atau library komponen yang kaku. Cupertino UI menggabungkan fleksibilitas dan ekosistem shadcn/ui dengan kehalusan dan estetika Apple Human Interface Guidelines.

Platform
Web
Kategori
Kreativitas, Produktivitas