- Home
- Components
Komponen Tailwind yang siap dipakai.
Kumpulan komponen PRABO-UO dibuat dengan pola yang konsisten, mudah dibaca, dan tetap fleksibel untuk kamu ubah sendiri.
Groups
23
Variants
127
Pilih komponen
Mulai dari kategori yang paling dekat dengan kebutuhan UI kamu.
Lihat varian
Setiap halaman punya preview responsif untuk membandingkan bentuknya.
Copy kodenya
Ambil markup yang cocok, lalu sesuaikan dengan style project.
Library
Semua kategori komponen
Setiap kartu membawa kamu ke halaman detail berisi preview, ukuran responsif, dan kode siap salin.
Accordion
A vertically stacked set of interactive headings that each reveal a section of content.
Alert
Feedback messages for important status and contextual notices.
Avatar
A component used to represent users with images or initials.
Badge
Compact labels for status, category, and metadata.
Blockquote
Quote and testimonial blocks with calm editorial styling.
Breadcrumb
Navigation aid that indicates the current page's location within a hierarchy.
Button
Action buttons with solid, soft, outline, and ghost styles.
Card
Flexible containers for content, metrics, products, and profiles.
Comment
Discussion threads with support for nested replies and various layout styles.
Gradient Text
Beautiful text with gradient coating, perfect for headings and feature highlights.
Input
Form inputs with labels, helper text, icons, and validation states.
List
Versatile list component with support for ordered, unordered, and icon variants.
Mockup Frame
Device and window frames to showcase screenshots, code, or content.
Pagination
Navigation component to access different pages of a large data set.
Progress
Visual indicators for tracking progress, featuring soft backgrounds and gradients.
Rating
Visual rating component using stars or custom icons to display scores or feedback.
Skeleton
Animated placeholders used to indicate content is loading, reducing perceived wait time.
Spinner
Loading spinners with various styles and animations.
Steps
Navigation component that guides users through a multistep process.
Switch
Interactive toggle control that allows users to switch between two states.
Table
Responsive data tables with various styles for displaying sets of data.
Tabs
Switch between different views or contexts using soft, interactive tabs.
Timeline
Display a list of events in chronological order, often used for changelogs or history.
Cari bentuknya dulu, poles detailnya nanti.
PRABO-UO sengaja dibuat copy-friendly agar kamu bisa mulai dari struktur yang sudah rapi.