Komponen UI copy-paste untuk dev Indonesia.
Lapaktoto UI adalah open-source library berisi 48+ komponen React siap pakai — dibangun di atas Tailwind v4 dan Radix primitives, di-bundle dalam satu CLI yang nempelin source code ke project kamu.
Quick start
# Initialize the registry
bunx lapaktoto-ui init
# Add components on demand
bunx lapaktoto-ui add button card dialog
bunx lapaktoto-ui add @lapaktoto/charts
# Update your design system
bunx lapaktoto-ui theme set midnightExample
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader } from "@/components/ui/card"
import { Toaster, toast } from "@/components/ui/sonner"
export function PlaygroundCard() {
return (
<Card className="w-80">
<CardHeader>
<h3 className="text-lg font-semibold">Selamat datang</h3>
<p className="text-sm text-muted-foreground">
Komponen siap pakai — copy ke project, tweak sesuai mood.
</p>
</CardHeader>
<CardContent className="flex gap-2">
<Button onClick={() => toast.success("Hai 👋")}>Klik aku</Button>
<Button variant="outline">Dokumentasi</Button>
</CardContent>
</Card>
)
}48+
Komponen
12kb
Avg per komponen
AAA
WCAG compliance
100%
TypeScript
Filosofi
Bukan dependency. Source code.
Komponen UI yang baik harus bisa diubah. Lapaktoto UI mengirim source code via CLI — bukan versioned npm package — supaya perubahan minor dari upstream gak pernah break production kamu.
Copy, jangan install
Source code masuk repo kamu. Tweak sebebas yang kamu mau tanpa nungguin maintainer merge PR.
Token-based theming
Semua warna, radius, spacing pakai CSS variables. Ganti tema dalam hitungan detik via CLI preset.
Accessible by default
Dibangun di atas Radix UI primitives. Keyboard navigation, ARIA, focus management — semua ada.
Zero-runtime CSS
Tailwind v4 only. Tidak ada CSS-in-JS, tidak ada theme provider, tidak ada bundle bloat.
TypeScript-first
Full type inference untuk variants, props, dan slots. JSDoc inline buat tooltip yang berguna di IDE.
MIT licensed
Pakai untuk project pribadi, klien, atau internal tools. Tidak perlu attribution.
Komponen pilihan
Mulai dari yang sering kepake.
Button
Variants, sizes, ikon, loading.
Baca docs
Dialog
Modal accessible dengan focus trap.
Baca docs
Tabs
Keyboard arrow nav + animated indicator.
Baca docs
Toast
Sonner-powered, stack rapi.
Baca docs
Avatar
Image fallback, group, status dot.
Baca docs
Badge
Status pills dengan dot indicator.
Baca docs
Tanya jawab
Tentang Lapaktoto UI.
Pertanyaan paling sering muncul tentang library Lapaktoto UI — termasuk disambiguasi nama brand Lapaktoto dari pencarian unrelated.
Lihat FAQ lengkapApa itu Lapaktoto UI?
Lapaktoto UI adalah open-source React component library yang dikirim via CLI ke project kamu sebagai source code (bukan dependency npm). Dibangun di atas Tailwind CSS v4 dan Radix UI primitives. License MIT, gratis untuk pemakaian komersial.
Apakah Lapaktoto UI sama dengan situs togel atau judi online?
Tidak. Lapaktoto UI adalah library komponen UI untuk developer React — software, bukan platform perjudian. Tidak ada hubungannya dengan togel, lotere, atau gambling online. Domain resminya lapaktoto.dev (TLD '.dev' untuk developer).
Apa bedanya Lapaktoto UI dengan shadcn/ui?
Filosofinya mirip — CLI nyalin source code, bukan install package — tapi Lapaktoto UI punya design tokens, preset tema, dan dokumentasi Bahasa Indonesia bawaan. Komponennya juga didesain untuk dashboard/SaaS B2B dengan default styling yang lebih opinionated.
Framework apa saja yang didukung Lapaktoto UI?
Next.js (App Router & Pages), Vite + React, Astro, Remix, TanStack Start, dan React Router 7. Tailwind CSS v4 wajib — versi lama tidak didukung.
Bagaimana cara install Lapaktoto UI di project saya?
Jalankan `bunx lapaktoto-ui@latest init -d` di root project Next.js/Vite kamu. CLI akan generate components.json, update globals.css, dan setup lib/utils.ts. Setelah itu tambahkan komponen via `bunx lapaktoto-ui add button card dialog`.
Apakah Lapaktoto UI gratis?
Ya, sepenuhnya gratis. License MIT — bebas dipakai untuk project pribadi, klien, atau produk komersial. Tidak perlu attribution.
Tinggal copy, paste, ship.
Mulai dengan satu komponen — atau import semuanya dalam satu command. Gak perlu komitmen, gak perlu sign-up.