HomeStylesTemplates
StyleKit
StylesRecipesGuidesAnimationsTemplates

Component Library

UI Components

20 versatile components built with Radix UI + Tailwind CSS, supporting theme customization and accessibility.

Loading preview...

Button

Button component with multiple variants and sizes

Input

Input component with multiple variants

Card

Card component for content grouping

Default Card

Default card style with border

Card content area

Elevated Card

Elevated card with shadow

Card content area

Ghost Card

Transparent card without border

Card content area

Alert

Alert notification component

Default
This is a default alert message.
Info
This is an informational alert.
Success
Operation completed successfully.
Warning
Please be aware of potential issues.
Error
Operation failed. Please try again.

Loading & Progress

Loading and progress indicators

Loading...
Loading...
Loading...
Loading...
Loading...Loading...

60%

StyleKit

A curated web design style library to help AI generate better-looking websites.

Navigation

StylesTemplatesCommunityGuideBlogChangelog

Resources

UI Design PromptsLanding Page PromptsDashboard PromptsTailwind UI PromptsDark Mode UI PromptsGitHub Repository

Stay Updated

By subscribing, you agree to our Privacy Policy and Terms.

Support Maintenance

If StyleKit helps your workflow, voluntary support helps cover servers, domains, and ongoing upkeep.

Scan to support / View all options

(c) 2026 StyleKit. Open source project.

AboutContactPrivacyTermsBuilt with the Editorial style
Stylekit前端样式库stylekit.top陕ICP备2025065501号-3

Style Preview

See how these components look in different styles

Select a style to preview components

Form Controls

Form controls: Select, Checkbox, Radio

Select

Checkbox

Radio

Modal & Tooltip

Modal and prompt components

Table

Data table component

NameTypeStatusAction
Neo-BrutalistDesign StylePublished
GlassmorphismDesign StylePublished
Bento GridLayout StylePublished

Drawer & Popover

Drawer and popover components

Toast

Toast notification component

    List

    List component

    • Document Title

      This is the document description

      2024

    • Folder

      Contains 12 items

    • Image File

      PNG format, 2.4 MB

    Pagination

    Pagination component

    • More pages

    Tree

    Tree structure component

    Button.tsx
    Card.tsx
    App.tsx
    index.tsx

    Input OTP

    OTP input component supporting numeric and alphanumeric modes

    6-digit OTP

    4-digit OTP

    Alphanumeric

    Password Mask

    Error State

    Disabled State

    Resizable

    Resizable panel component supporting horizontal and vertical layouts

    Horizontal Layout

    Left Panel (30%)
    Center Panel (40%)
    Right Panel (30%)

    Vertical Layout

    Top Panel
    Bottom Panel

    Nested Layout

    Sidebar
    Main Content
    Terminal/Panel

    Simple Divider

    Panel A
    Panel B