All Components

27 results
View Button

Button

Primitive

Displays a button or a component that looks like a button.

form
action
View Card
Card Content

Card

Primitive

Displays a card with header, content, and footer.

layout
container
View Badge
Badge

Badge

Primitive

Displays a badge or a component that looks like a badge.

data-display
indicator
View Input

Input

Primitive

Displays a form input field or a component that looks like an input field.

form
input
View Dialog
Dialog Content

Dialog

Primitive

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

overlay
modal
View Alert

Alert

Primitive

Displays a callout for user attention.

feedback
message
View Wax Seal Envelope
New

Wax Seal Envelope

Sealed letter you open by pressing and holding the wax — cracks spread under your thumb, the seal shatters, the flap swings open in 3D and the letter rises out.

card
marketing
feedback
View Tear-off Ticket
New

Tear-off Ticket

Event ticket with a perforated stub you physically tear off to redeem — real tear physics, holographic foil, and an ink-stamp check-in.

card
ecommerce
marketing
View Danger Confirm
New

Danger Confirm

Type-to-confirm, hold-to-confirm, or checklist dialog that guards irreversible actions from accidental clicks.

feedback
dialog
View Product Card

Product Card

A responsive product card with quantity selection, low-stock urgency, and a loading skeleton.

card
ecommerce
View Profile Card

Profile Card

User profile card with avatar, bio, skill tags, and a click-to-copy email.

card
user
View Pricing Card

Pricing Card

Pricing tier card with a monthly/annual billing toggle and a current-plan state.

card
marketing
View Stats Card

Stats Card

Metric card displaying a value, trend, and an optional inline sparkline chart.

card
dashboard
View Notification

Notification

Alert or toast notification with varying states and swipe-to-dismiss.

feedback
user
View User Avatar

User Avatar

Avatar component with status indicators and badges.

user
feedback
View User Profile

User Profile

Comprehensive user profile view with stats, actions, and a copy-link share button.

user
dashboard
View Data Table

Data Table

Sortable, searchable data table with row selection and pagination.

data
dashboard
View Dashboard Stats

Dashboard Stats

Grid layout of multiple stat cards, each with an optional sparkline.

dashboard
data
View Timeline
New

Timeline

Activity or history feed component for dashboards.

dashboard
data
list
View Contribution Heatmap
New

Contribution Heatmap

GitHub-style contribution heatmap calendar with color schemes and tooltips.

dashboard
data
visualization
View Login Form

Login Form

Template

A comprehensive login form with social options, inline validation, and error handling.

form
authentication
View Signup Form

Signup Form

Template

A signup form with validation and social options.

form
authentication
View Search Form

Search Form

Template

Advanced search form with filters and recent searches.

form
search
View Contact Form

Contact Form

Template

Contact form with company info sidebar.

form
contact
View API Keys Manager
New

API Keys Manager

Block

Full API key lifecycle for a settings page — create, reveal the secret exactly once, copy, and revoke behind a confirmation.

dashboard
settings
security
View Sidebar Navigation

Sidebar Navigation

Block

A flexible sidebar with collapsible support and nested items.

navigation
layout
View Top Navigation Bar

Top Navigation Bar

Block

A responsive top navigation bar with search and theme toggle.

navigation
layout
Browse React components for shadcn/ui — PikUI