HomeStylesTemplates
StyleKit
StylesAnimationsTemplates
BlogChangelog

Component Library

UI Components

20 universal components built with Radix UI + Tailwind CSS, supporting theming 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

Borderless transparent card

Card content area

Alert

Alert notification component

Default
This is a default notification.
Info
This is an informational message.
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

Curated web design styles collection for more beautiful AI-generated websites.

Navigation

StylesTemplatesGuideBlogChangelog

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.

(c) 2026 StyleKit. Open Source.

AboutContactPrivacyTermsBuilt with Editorial style

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 tooltip 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

      Description of the document

      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 with numeric and alphanumeric modes

    6-digit code

    4-digit code

    Alphanumeric

    Password mask

    Error state

    Disabled state

    Resizable

    Resizable panel component with 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