Buy Full Figma Kit
Design System

Mock UI Kit

697 premium wireframe & mockup components built with Tailwind CSS. Cohesive, composable, and publication‑ready.

86 categories697 componentsTailwind v4
Ctrl+K

Typography

5

TextLine

Paragraph

Heading

Caption

Label

Avatar

2

Avatar

StackedAvatar

Tags & Badges

3

Badge

Tag

Chip

Form Elements

9

Input

Textarea

Select

Checkbox

Radio

Toggle

Slider

NumberStepper

InputGroup

Buttons

3

Button

IconButton

Fab

Loading & Progress

3

ProgressBar

Spinner

CircularLoader

Media

2

Image

VideoThumbnail

Card

3

CardHeader

CardBody

CardFooter

Table

2

TableRow

TableCell

List

2

ListItem

ChecklistItem

Layout & Dividers

3

Divider

Spacer

VerticalDivider

Breadcrumb

Pagination

TabItem

MenuItem

SidebarNavItem

BottomNav

HeaderBar

LinkItem

Accordion & Tree

3

Accordion

TreeNode

Collapsible

Stepper & Timeline

2

Stepper

Timeline

Tooltips & Overlays

5

Tooltip

HoverCard

ContextMenu

Dimmer

Curtain

Alerts & Notifications

6

Alert (info)

Alert (warning)

Alert (error)

Alert (success)

Toast

NotificationBell

ModalHeader

ModalBody

ModalFooter

DropdownItem

SearchBar

File & Upload

2

FileDropzone

UploadArea

Metrics & Values

4

Metric

ValueDisplay

DeltaBadge

TrendLine

Icons & Logos

2

Icon

LogoPlaceholder

Sections & Hero

3

HeroSection

Illustration

Feature

Map, Rating & Chat

3

MapPin

StarRating

ChatBubble

Calendar & Time

3

CalendarGrid

DateRange

TimeRange

Color

1

ColorPalette

Charts & Data Viz

5

BarGraph

LineGraph

PieSlice

DonutSegment

Speedometer

Code

2

CodeEditor

CommandLine

Board & Tasks

2

BoardCard

FilterBar

Status & Effects

3

Status

ShimmerBlock

PulseOverlay

Groups & Labels

4

PillGroup

ActionBar

LegendItem

CategoryLabel

Layout Blocks

3

Tile

LayoutBlock

MediaObject

Banking & Payment

16

BankCardChip

ReceiptLine

InvoiceRow

ShippingLabel

TrackingStep

QRCode

Barcode

SignaturePad

CaptchaBox

OTPInput

PinEntry

CreditCardForm

BillingAddress

CouponField

CartItem

OrderSummary

E-Commerce

14

ProductGallery

SizeSelector

QuantityStepper

WishlistItem

CompareColumn

ReviewCard

ReviewSummaryBar

SellerBadge

AuctionTimer

BidRow

CategoryTree

FacetFilter

PriceRange

DeliveryEstimate

Subscription & Billing

8

WarrantyBadge

SubscriptionPlan

UsageMeter

QuotaBar

BillingCycle

PaymentMethod

TransactionRow

BalanceWidget

Finance & Trading

10

CryptoTicker

StockSparkline

PortfolioAllocation

CandlestickBar

OrderBookRow

WatchlistItem

DividendEntry

FundFactSheet

RiskGauge

KYCStep

Chat & Communication

12

ChatMessageGroup

TypingIndicator

ReadReceipt

ReactionBar

ThreadReply

ContactRow

PresenceIndicator

ConversationPreview

VoiceCallBar

VideoCallGrid

ScreenShareFrame

ParticipantTile

Media & Audio

12

SubtitleOverlay

PlaylistItem

AlbumCover

EqualizerBar

LyricLine

PodcastEpisode

ChapterMark

TranscriptSegment

WaveformSlice

MusicQueueItem

VolumeSlider

NowPlayingBar

Social

8

StoryCircle

ReelThumbnail

PostComposer

PollOption

SurveyQuestion

HashtagChip

MentionSuggestion

FollowerRow

Professional

10

ConnectionCard

EndorsementBadge

SkillTag

JobListingCard

ResumeSection

CoverLetterBlock

InterviewSlot

SalaryRange

OrgChartNode

TeamMemberRow

DevOps & Admin

10

RolePermissionRow

AuditLogEntry

WebhookRow

APIKeyRow

EnvironmentBadge

FeatureFlagRow

DeploymentStage

BuildLogLine

PipelineStep

ContainerInstance

Infrastructure

10

ServerNode

HealthCheckDot

UptimeBar

IncidentCard

SLAIndicator

LatencyGraph

ErrorRateWidget

LogStreamLine

TraceSpan

FlameGraphRow

Database & Git

10

DatabaseTableRow

SchemaField

MigrationStep

CronJobEntry

QueueDepthBar

GitBranchItem

CommitRow

DiffHunk

PullRequestCard

MergeConflictBlock

Project Management

10

IssueCard

MilestoneBar

SprintColumn

BurndownPoint

VelocityBar

GanttRow

DependencyArrow

ResourceRow

CapacityBar

ApprovalChain

Documentation

9

DocumentVersion

CommentAnnotation

HighlightStrip

BookmarkItem

TableOfContentsItem

FootnoteRef

CitationEntry

GlossaryTerm

IndexEntry

Education

14

FlashcardFace

QuizOption

ProgressRing

CertificateBadge

LeaderboardRow

AchievementTile

XPBar

StreakCounter

LessonCard

CurriculumNode

AssignmentRow

GradeCell

AttendanceDot

TimetableSlot

Health & Medical

10

PatientRecord

VitalSign

PrescriptionRow

DosageLabel

LabResultRow

AllergyChip

AppointmentSlot

InsuranceCard

DiagnosisCode

BodyMapRegion

Food & Fitness

11

MealPlanSlot

NutritionLabel

CalorieRing

MacroBar

RecipeStep

IngredientRow

WorkoutSet

ExerciseCard

HeartRateZone

SleepStageBar

StepCountRing

Weather

5

WeatherIcon

ForecastDay

AirQualityIndex

UVIndexBadge

TideChart

Travel & Real Estate

10

FlightCard

BoardingPass

SeatMapCell

ItineraryLeg

HotelRoomCard

AmenityIcon

PropertyListing

FloorPlanRoom

MortgageCalcRow

NeighborhoodStat

Smart Home & IoT

10

SmartHomeDevice

ThermostatDial

SensorReading

AutomationRule

FirmwareVersion

BatteryLevel

SignalStrength

NetworkTopologyNode

ConsentToggle

CookieBannerSlot

Wireframe & Placeholders

8

WireframeButton

ShimmerInput

PulseAvatar

LoadingCard

PlaceholderImage

AnimatedBadge

FadeText

GradientDivider

Interactive UI

13

HoverableChip

InteractiveToggle

ResizablePanel

DraggableItem

ScrollableContainer

ResponsiveGrid

AdaptiveForm

DynamicList

CollapsiblePanel

ExpandableCard

FloatingTooltip

OverlayModal

StickyHeader

Data Tables

5

InfiniteScroller

VirtualizedList

PaginatedTable

SortedGrid

FilteredSearch

Advanced Forms

6

MultiSelectDropdown

DatePickerCalendar

TimeSelector

ColorPicker

FileUploader

ImageCropper

Advanced Charts

8

ChartContainer

BarChart

PieChart

GaugeMeter

HeatmapGrid

TreeView

VideoPlayerPlaceholder

AudioWaveform

Advanced Navigation

9

KanbanBoard

CalendarView

TimelineView

StepWizard

TabNavigation

SidebarMenu

BottomSheet

DrawerPanel

PopoverMenu

Feedback & Dialogs

5

NotificationCenter

ToastContainer

AlertBanner

ConfirmationDialog

FormWizard

Form Groups

6

RadioGroup

CheckboxGroup

SliderControl

RangePicker

SwitchToggle

RatingStars

Display Collections

8

AvatarStack

TagCloud

BadgeList

IconLibrary

SymbolPicker

EmojiSelector

FlagDisplay

CountrySelector

Input Variants

9

CurrencyInput

PhoneInput

PasswordField

SearchAutocomplete

CommandPalette

KeyboardShortcut

HotkeyIndicator

ThemeSwitcher

LanguageSelector

Content Cards

9

UserProfileCard

ProductCard

PricingTier

TestimonialQuote

HeroBanner

FeatureGrid

StatsCounter

MetricDashboard

ActivityFeed

Community

7

CommentThread

ForumPost

BlogPreview

GalleryGrid

MasonryLayout

CarouselSlider

LightboxViewer

Embeds & Footer

4

MapEmbed

VideoEmbed

SocialShareBar

FooterLinks

Pages & Sections

11

AboutSection

LandingHero

ErrorPage

ErrorBoundary

LockScreen

PrintLayout

EmptyState

NoResultsState

CallToAction

CalloutBox

Blockquote

Banners & Announcements

14

AnnouncementBar

FixedBanner

PromoBanner

InfoBanner

NewsBanner

DraftBanner

PrivacyBanner

NoticeBar

MarqueeBanner

RotatingBanner

RibbonBanner

AppInstallBanner

LogoBanner

LogoGrid

Overlays & Popups

12

BlurOverlay

ScreenOverlay

FullPageOverlay

ModalOverlay

ExitIntentPopup

InterstitialAd

ConfettiOverlay

Paywall

AgeVerificationGate

PermissionGate

InstallPrompt

FocusTrap

MainNavigation

MegaMenu

HamburgerMenu

NavigationDrawer

OffcanvasMenu

FlyoutMenu

CircularMenu

FloatingActionMenu

CommandBar

AppSwitcher

OverflowMenu

MoreOptions

MobileHeader

PageHeader

DockedToolbar

AnchorLink

JumpLink

ScrollSpy

BackToTop

Cards Extended

17

DataCard

InsightCard

EventCard

DocumentCard

FolderCard

KnowledgeCard

NoteCard

OnboardingCard

HelpCenterCard

LinkPreviewCard

CtaCard

MembershipCard

ReferralCard

ReminderCard

ResultCard

BookCover

DocumentPreview

Forms Extended

23

EmailInput

ComboBox

FloatingLabel

FormField

FormGroup

FormSectionHeader

MultiStepForm

LeadForm

DecimalInput

CharacterCounter

InputMask

PromoCodeInput

PasswordStrengthMeter

FeedbackForm

KeypadInput

DurationPicker

DayPicker

MonthPicker

FrequencySelector

DoubleSlider

NewsletterSignup

FeedbackRating

MoodSelector

Tables & Grids

11

DataGrid

DataTable

ComparisonTable

ExpandableRow

KeyValueRow

ScheduleGrid

ProductCompare

PriceComparison

ShortcutGrid

PreferenceRow

BookingCalendar

Charts Extended

15

AreaChart

BubbleChart

ColumnChart

FunnelChart

RadarChart

SankeyDiagram

ScatterPlot

ContributionGraph

ConversionFunnel

MiniChart

ChartLegend

ChartTooltip

GraphNode

ColorGradientBar

ColorSwatchGrid

Lists Extended

15

ArchiveList

BulletList

ChannelList

CollaboratorList

FileList

GroupedList

ReorderableList

RelatedItems

RecentActivity

RecentSearch

HistoryTimeline

EventTimeline

ChangelogEntry

ReleaseNotes

DirectoryTree

Media & Images

23

AudioPlayer

BackgroundVideo

PlayerControls

MicrophoneButton

ImageCarousel

ImageCompare

ImageAnnotation

ImageOverlay

ImagePlaceholder

ImageZoom

CoverImage

BeforeAfterSlider

BarcodeScanner

CameraViewfinder

CropOverlay

PhotoGrid

PinchZoom

ResponsiveImage

LazyImage

CrossfadeImage

BannerCarousel

CardCarousel

HeroCarousel

Drawers & Panels

11

DialogBox

ShareModal

Popconfirm

DetailDrawer

SidePeek

PreviewPane

DualPaneLayout

FilterPanel

ImportWizard

GuidedTour

ProcessFlow

Buttons Extended

15

ClipboardButton

CopyButton

DismissButton

GhostButton

RetryButton

DataExportButton

LoadMoreButton

FullscreenToggle

DarkModeSwitch

LightDarkToggle

FavoriteStar

FlipCard

DragHandle

DisclosureTriangle

SegmentedControl

Badges & Indicators

25

CashbackBadge

CounterBadge

LanguageBadge

LoyaltyPointsBadge

NumberBadge

PriceBadge

RoleBadge

MentionBadge

LiveIndicator

OfflineIndicator

NotificationDot

DotIndicator

AutoSaveIndicator

PageIndicator

ScrollIndicator

LevelIndicator

ReadingProgress

HierarchyIndicator

EntityMention

BorderRadiusPreview

ExpirationTimer

CarouselDots

MetaTag

PlatformIcon

Communication

8

AiChatPanel

AiSuggestionChip

MessageInput

QuickReply

ReplyComposer

NestedComment

InboxItem

QuickAction

PushNotification

AnnotationLayer

Search & Filters

12

GlobalSearch

SearchFilter

SearchHighlight

SearchResult

FilterChip

QuickFilter

SavedFilterPill

ExportMenu

LocaleSwitcher

LocationAutocomplete

AddressAutocomplete

AddressCard

Maps Extended

7

GeoLocationPin

MapCluster

MapHeatLayer

MapOverlay

MapRouteDisplay

RouteMap

MiniMap

Profile & Account

7

AccountSwitcher

AvatarEditor

ProfileBanner

ProfileCompletion

OnboardingChecklist

AccessibilityPanel

AffiliateLink

Code & Editors

11

CodeBlock

CodeDiffViewer

DebugConsole

JsonViewer

MarkdownRenderer

EditorToolbar

RichTextEditor

ComposeToolbar

InlineEdit

InlineCode

CanvasArea

Pricing & Commerce

4

ProductQuickView

CheckoutStepper

MultiCurrencyDisplay

MultiFileUpload

Layout Extended

16

BentoGrid

GridOverlay

GridBreakpoint

IslandLayout

PanelGroup

ParallaxContainer

AspectRatioBox

BrowserFrame

DeviceFrame

SectionDivider

HorizontalRule

HorizontalScroll

GradientBackground

DragLayer

CustomCursor

IconGrid

Loading & Skeleton

7

BounceLoader

CardSkeleton

PreloaderScreen

ContentPlaceholder

PlaceholderText

EmbedPlaceholder

LineClamp

Miscellaneous

16

PodiumDisplay

CountdownTimer

ClockWidget

DigitalClock

DashboardWidget

LargeNumberDisplay

ItemCounter

LabeledIcon

LegalDisclaimer

ExploreGrid

FaqAccordion

FileIcon

FilePreview

HelpBubble

InfoTooltip

MiniCalendar

...